/*
========================================================================================
 Title        : ZK CSS for Klassifikationshilfe
 Author       : Bernard Adanlessossi
 Date         : 13.07.2009
 Version      : $Id: zk.css,v 1.50 2009/10/13 06:50:34 adanlessossi Exp $
 Copyright (c) 2005-2008, Swiss Federal Institute of Intellectual Property
========================================================================================
*/
@CHARSET "UTF-8";

/*
 * ====================
 * = Font Styles =
 * ====================
 */
* {
  font-style:normal;
font-family: Arial, Helvetica, sans-serif !important;
font-size: 12px !important;
}
/*
 * ====================
 * = ZK Tabbox Styles =
 * ====================
 */
.z-tabbox {
  overflow: hidden;
  visibility: hidden;
}
.z-tabs-cnt a, .z-tabs-cnt em, .z-tabs-cnt span {
  display: block;
}
.z-tabs .z-tabs-space {
  background: #EAF4F4 none repeat scroll 0 0;
  border: 1px solid #294747;
  border-top: 0 none;
  font-size: 1px;
  height: 2px;
  line-height: 1px;
}
.z-tabs-scroll .z-tabs-space {
  background: none;
  border: 0;
  height: auto;
}
.z-tabs .z-tabs-cnt {
  background: transparent none repeat scroll 0 0;
  padding-left: 0px;
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  display: block;
  margin: 0;
  border-bottom: 1px solid #294747;
  width: 100%;
  zoom: 1;
}
.z-tabs {
  overflow: hidden;
  background: transparent none repeat scroll 0 0;
  border: 0;
  padding: 0;
  margin: 0;
  position: relative;
}
.z-tabs-cnt li {
  position: relative;
  cursor: default;
  display: block;
  float: left;
  padding: 0px;
  margin: 0 0 0 5px;
  -moz-user-select: none;
  -khtml-user-select: none;
  width: 110px;
  text-align: center;
}
.z-tab-body {
  position: relative;
  padding-left: 10px;
  background-image: none;
  background-repeat: no-repeat; 
  -moz-outline: none;
  outline: none;
  cursor: pointer;
}
.z-tab .z-tab-text {
  color:#294747;
  cursor:pointer;
  font-size-adjust:none;
  padding:4px 0 4px;
  white-space:nowrap;
}
.z-tab-hl:hover{
  background-color:#87A8A8;
}
.z-tab .z-tab-hl:hover .z-tab-text {
color:#FFFFFF;
}
.z-tab-seld .z-tab-hl:hover .z-tab-text {
color:#294747;
}
.z-tab-hl{
  position: relative; 
  padding-left: 10px; 
  background: #D1E4E4 no-repeat 0 -128px; 
  background-image: none;
  border-left: 1px solid #294747;
  border-top: 1px solid #294747;
  outline: none; 
  cursor: pointer; 
}
.z-tab-seld .z-tab-hl{
  background-color: #FFFFFF;
}
.z-tab-hr{
  background: transparent no-repeat scroll right -128px; 
  background-image: none;
  border-right: 1px solid #294747;
  padding-right: 10px; display: block; 
}
.z-tab-hm {
  padding-left: 2px; 
  padding-right: 1px; 
  overflow: hidden; 
  cursor: pointer; 
  background: transparent repeat-x scroll 0 -128px; 
  background-image: none; 
}
.z-tab-seld .z-tab-body {
  cursor:default;
  background-position:0 0px;
  margin:auto auto -1px;
}
.z-tab-seld .z-tab-inner {
  cursor:default;
  background-position:0 -151px;
  hasLayout:-1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.z-tab-seld .z-tab-text {
  color: #294747;
  cursor:default;
  font-weight:bold;
  white-space:nowrap;
  padding:4px 0 5px;
}
.z-tabpanel {
  border-left: 1px solid #294747; 
  border-right: 1px solid #294747; 
  border-bottom: 1px solid #294747; padding: 5px;
  zoom: 1;
}
.z-tabpanel-cnt {
  height:100%;
}
/*
 * =============================
 * = ZK Grids
 * =============================
 */
 div.z-grid {
  background: none; 
  border: 1px dotted #87A8A8; 
  overflow: hidden; 
  zoom: 1;
}
div.z-grid-header, div.z-grid-header tr, div.z-grid-footer {
  border: 0; overflow: hidden; width: 100%;
}
div.z-grid-header tr.z-columns, div.z-grid-header tr.z-auxhead {
  background-image: url(${c:encodeURL('~./zul/img/grid/s_hd.gif')});
  background-color: none;
  background-repeat: repeat-x;
  
}
div.z-grid-header th.z-column, div.z-grid-header th.z-auxheader {
  overflow: hidden; border: 1px solid;
  border-color: none;
  white-space: nowrap; padding: 2px;
  font-weight: normal;
}
div.z-grid-header .z-column-sort div.z-column-cnt {
  cursor: pointer; padding-right: 9px;
  background:transparent url(${c:encodeURL('~./zul/img/sort/v_hint.gif')});
  background-position: 99% center;
  background-repeat: no-repeat;
}
div.z-grid-header .z-column-sort-asc div.z-column-cnt {
  cursor: pointer; padding-right: 9px;
  background:transparent url(${c:encodeURL('~./zul/img/sort/v_asc.gif')});
  background-position: 99% center;
  background-repeat: no-repeat;
}
div.z-grid-header .z-column-sort-asc, div.z-grid-header .z-column-sort-dsc {
  background: none url(${c:encodeURL('~./zul/img/grid/column-over.gif')}) repeat-x 0 0;
}
div.z-grid-header .z-column-sort-dsc div.z-column-cnt {
  cursor: pointer; padding-right: 9px;
  background:transparent url(${c:encodeURL('~./zul/img/sort/v_dsc.gif')});
  background-position: 99% center;
  background-repeat: no-repeat;
}
div.z-grid-body {
  background: white; border: 0; overflow: auto; width: 100%;
}
div.z-grid-pgi-b {
  border-top: none; overflow: hidden;
}
div.z-grid-pgi-t {
  border-bottom: none; overflow: hidden;
}
div.z-footer-cnt, div.z-row-cnt, div.z-group-cnt, div.z-group-foot-cnt, div.z-column-cnt {
  border: 0; margin: 0; padding: 0;
  font-weight: normal;
}
<%-- faker uses only --%>
tr.z-grid-faker, tr.z-grid-faker th, tr.z-grid-faker div {
  height: 0px !important;   
  border-top: 0 !important; border-right : 0 !important;border-bottom: 0 !important;border-left: 0 !important;  
  padding-top: 0 !important;  padding-right: 0 !important; padding-bottom: 0 !important;padding-left: 0 !important;     
  margin-top: 0 !important; margin-right : 0 !important;margin-bottom: 0 !important;margin-left: 0 !important;    
} <%-- these above css cannot be overrided--%>
td.z-row-inner, td.z-group-foot-inner {
  padding: 2px; overflow: hidden;
}
div.z-row-cnt {
  color: black;
}
tr.z-row td.z-row-inner {
  background: white; border-top: none; border-left: none;
  border-right: none; border-bottom: none;
}
tr.z-grid-odd td.z-row-inner, tr.z-grid-odd {
  background: none;
}
<%-- Group --%>
tr.z-group {
  background: #E9F2FB url(${c:encodeURL('~./zul/img/grid/group_bg.gif')}) repeat-x 0 0;
}
<%-- ZK Column's menu --%>
.z-column .z-column-cnt {
  position: relative;
}
.z-column-btn {
  background-color : #DDEEFB;
  background-image : url(${c:encodeURL('~./zul/img/grid/hd-btn.gif')});
  background-repeat : no-repeat;
  background-position : left center;
  display: none; position: absolute; width: 14px; right: 0; top: 0; z-index: 2;
  cursor: pointer;
}
.z-column-over .z-column-btn, .z-column-visi .z-column-btn {
  display: block;
}
a.z-column-btn:hover {
  background-position: -14px center;
}
.z-column-over {
  background: #B9EBFF url(${c:encodeURL('~./zul/img/grid/column-over.gif')}) repeat-x 0 0;
}
.z-columns-menu-grouping .z-menu-item-img {
  background-image:  url(${c:encodeURL('~./zul/img/grid/Group-16x16.png')});
}
.z-columns-menu-asc .z-menu-item-img {
  background-image:  url(${c:encodeURL('~./zul/img/grid/AZArrowUp-16x16.png')});
}
.z-columns-menu-desc .z-menu-item-img {
  background-image:  url(${c:encodeURL('~./zul/img/grid/AZArrowDown-16x16.png')});
}
.z-columns-menu-columns .z-menu-img {
  background-image:  url(${c:encodeURL('~./zul/img/grid/Columns-16x16.png')});
}
/* ***********************
 * ZK Buttons refactored *
 * ***********************/
.fake {
}
.z-button .z-button-tm, .z-button .z-button-bm {
   background-image: none; 
}
.z-button .z-button-tl, .z-button .z-button-tr, .z-button .z-button-bl, .z-button .z-button-br {
  background-image: none; 
}
.z-button .z-button-tm, .z-button .z-button-bm {
   background-image: none; 
}
.z-button .z-button-cl, .z-button .z-button-cr {
  background-image: none; 
}
.z-button .z-button-cm {
  background-image: none; 
}

.z-button-disd {
background-color:#EAEAEA !important;
cursor:default;
opacity: 0.5 !important;
}

/* **************************
 * ZK Menubar               *
 * **************************
 */
/* menubar/menu */
.z-menubar-hor,.z-menubar-ver {
  position : relative;
  display: block;
  padding : 0;
  border : 1px solid #294747;
  height: 22px;
  width: 88px;
  background: #D1E4E4 repeat-x 0 center;
}
.z-menubar-hor .z-menu,.z-menubar-hor .z-menu-item,.z-menubar-hor .z-menu-btn,.z-menubar-hor .z-menu-item-btn,
.z-menubar-hor span,.z-menubar-hor a,.z-menubar-hor div,
.z-menubar-ver .z-menu,.z-menubar-ver .z-menu-item,.z-menubar-ver .z-menu-btn,.z-menubar-ver .z-menu-item-btn,
.z-menubar-ver span,.z-menubar-ver a,.z-menubar-ver div {
  padding-left: 0px !important;
  padding-right: 0px;
  color: #294747;
  height: 23px;
  margin-top: -1px;
}
.z-menubar-hor .z-menu-body, .z-menubar-hor .z-menu-item-body,
.z-menubar-ver .z-menu-body, .z-menubar-ver .z-menu-item-body {
  height: 21px;
}
.z-menu-inner-m .z-menu-btn,
.z-menu-item-inner-m .z-menu-item-btn{
  padding: 0px;
}
.z-menu-body .z-menu-inner-m,
.z-menu-item-body .z-menu-item-inner-m {
  width: 84px;
}
.z-menu-body-over .z-menu-inner-l,
.z-menu-body-seld .z-menu-inner-l,
.z-menu-item-body-over .z-menu-item-inner-l {
  background-image : none;
}
.z-menu-body-over .z-menu-inner-r,
.z-menu-body-seld .z-menu-inner-r,
.z-menu-item-body-over .z-menu-item-inner-r {
  background-image : none;
}
.z-menu-body-over .z-menu-inner-m,
.z-menu-body-seld .z-menu-inner-m,
.z-menu-item-body-over .z-menu-item-inner-m {
  background-image : none;
}
.z-menubar-hor .z-menu-body .z-menu-inner-l, 
.z-menubar-hor .z-menu-body .z-menu-inner-r, 
.z-menubar-hor .z-menu-item-body .z-menu-item-inner-l, 
.z-menubar-hor .z-menu-item-body .z-menu-item-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-menu-item-body .z-menu-item-inner-l, 
.z-menubar-ver .z-menu-item-body .z-menu-item-inner-r {
  width: 15px;
}
/* menu popup */
.z-menu-popup {
  background: #EAF4F4;
  border: 1px solid #294747;
  min-width: 90px;
}
.z-menu-popup-cnt .z-menu .z-menu-img,
.z-menu-popup-cnt .z-menu-item .z-menu-item-img {
  margin-right:5px;
}
/*
* ZK Toolbar
*/
.z-toolbar {
  background: #EAF4F4; 
  border: 0px;
}
.z-toolbar a, .z-toolbar a:visited, .z-toolbar a:hover {
  color: #294747;
  font-size: 10pt; 
  font-weight: bold;
  text-decoration: none;
  vertical-align: middle;
}
.z-toolbar a:hover {
  text-decoration: underline !important;
}
.z-toolbar-button {
  background: transparent !important;
  border: none !important;
}
/*
 * Textbox
 */
 .z-textbox-disd, .z-decimalbox-disd, .z-intbox-disd, .z-longbox-disd, .z-doublebox-disd {
  color: gray !important; cursor: default !important; opacity: .6; -moz-opacity: .6; filter: alpha(opacity=60);
}
.z-textbox-disd *, .z-decimalbox-disd *, .z-intbox-disd *, .z-longbox-disd *, .z-doublebox-disd * {
  color: gray !important; cursor: default !important;
}
.z-textbox, .z-decimalbox, .z-intbox, .z-longbox, .z-doublebox {
  background: #D1E4E4 repeat-x 0 0;
  border: 1px solid #294747;
  font-weight: normal;
  
}
.z-textbox-focus, .z-textbox-focus input,
.z-decimalbox-focus, .z-decimalbox-focus input,
.z-intbox-focus, .z-intbox-focus input,
.z-longbox-focus, .z-longbox-focus input,
.z-doublebox-focus, .z-doublebox-focus input {
  border: 1px solid #294747;
  background: #FFFFFF repeat-x 0 0;
}
.z-textbox-text-invalid, .z-decimalbox-text-invalid, .z-intbox-text-invalid, .z-longbox-text-invalid,
  .z-doublebox-text-invalid {
  background: #FFF url(${c:encodeURL('~./zul/img/grid/text-bg-invalid.gif')}) repeat-x 0 0;
  border: 1px solid #294747;
}
.z-textbox-readonly, .z-textbox-text-disd,
.z-intbox-readonly, .z-intbox-text-disd,
.z-longbox-readonly, .z-longbox-text-disd,
.z-doublebox-readonly, .z-doublebox-text-disd,
.z-decimalbox-readonly, .z-decimalbox-text-disd {
  background: #ECEAE4;
}

/***************************
 * ZK Modal Window(Popup)  *
 **************************/
.z-caption .z-caption-l, .z-caption .z-caption-r {
  color:white;
  font-weight:bold;
}
.z-window-modal-cl, .z-window-highlighted-cl, .z-window-overlapped-cl {
  background:#87A8A8 none repeat scroll 0 0;
  border-left: 1px solid black;
}
.z-window-modal-br, .z-window-highlighted-br, .z-window-overlapped-br {
  background:#87A8A8 none repeat scroll 0 0;
  border-right: 1px solid black;
  border-bottom: 1px solid black;
  border-left: 1px solid black;
}
.z-window-modal-cr, .z-window-highlighted-cr, .z-window-overlapped-cr {
  background:#87A8A8 none repeat scroll 0 0;
  border-right: 1px solid black;
}
.z-window-embedded-tr, .z-window-modal-tr, .z-window-highlighted-tr, .z-window-overlapped-tr, .z-window-popup-tr {
  background:#87A8A8 none repeat scroll 0 0;
  border-top: 1px solid black;
  border-left: 1px solid black;
  border-right: 1px solid black;
}
.z-window-modal-header, .z-window-popup-header, .z-window-highlighted-header, .z-window-overlapped-header {
  color:#87A8A8;
}
.z-window-embedded-hl, .z-window-modal-hl, .z-window-highlighted-hl, .z-window-overlapped-hl, .z-window-popup-hl {
  background:#87A8A8 none repeat scroll 0 0;
  border-left: 1px solid black;
}
.z-window-embedded-hr, .z-window-modal-hr, .z-window-highlighted-hr, .z-window-overlapped-hr, .z-window-popup-hr {
  background:#87A8A8 none repeat scroll 0 0;
  border-right: 1px solid black;
}
.z-window-embedded-hm, .z-window-modal-hm, .z-window-highlighted-hm, .z-window-overlapped-hm, .z-window-popup-hm {
  background:#87A8A8 none repeat scroll 0 0;
}
.z-window-modal-cm, .z-window-highlighted-cm, .z-window-overlapped-cm {
  border:1px solid black;
}
.z-window-popup-cnt {
  border:1px solid black;
}
 
 /* **************************
 * Paging, List-Box       *
 * **************************
 */
 
.z-paging {
background: white none repeat scroll 0 0;
border: none;
}

div.z-listbox-header tr.z-list-head, div.z-listbox-header tr.z-auxhead {
background: #D1E4E4 none repeat scroll 0 0;       
}
div.z-listbox {
background:#D1E4E4 none repeat scroll 0 0;
border:1px solid #294747;
overflow:hidden;
}

div.z-listbox-header th.z-list-header, div.z-listbox-header th.z-auxheader {
border-color:#294747;
border-spacing:0;
border-style:none solid solid none;
border-width:1px;
font-weight:normal;
overflow:hidden;
padding:2px;
white-space:nowrap;
}


div.z-listbox-pgi-b {
border-top:1px solid #294747;
overflow:hidden;
}

.z-paging .z-paging-sep {
background:none;
}

.z-paging-inp {
border:1px dotted #294747;
}

.z-paging td, .z-paging span, .z-paging input, .z-paging div, .z-paging button {

}

.z-paging-btn .z-paging-next {
background: url(/wdlbrowserzk/img/arrow_next.png) no-repeat 50% 50%
}

.z-paging-btn .z-paging-last {
background: url(/wdlbrowserzk/img/arrow_last.png) no-repeat 50% 50%
}

.z-paging-btn .z-paging-prev {
background: url(/wdlbrowserzk/img/arrow_previous.png) no-repeat 50% 50%
}

.z-paging-btn .z-paging-first {
  background: url(/wdlbrowserzk/img/arrow_first.png) no-repeat 50% 50%
}

.z-window-embedded-cnt {
  border:1px solid #87A8A8;
  margin:0;
  padding:0;
}
/****************************
* loading window            *
****************************/
.z-loading {
  background-color: #87A8A8;
  border: 1px solid black;
  padding: 1px;
}

.z-apply-loading-icon, .z-loading-icon {
  background: transparent url(/wdlbrowserzk/img/loader.gif) no-repeat scroll center left;
  height: 15px;
  width: 140px;
  
}

.z-loading-indicator {
  border:1px solid black;
  color: black;
  
}

.z-inline-block {
  vertical-align: middle;
}

/****************************
* Tooltip          *
****************************/
.z-popup-cnt span {
font-size: 10px !important;
}
.z-popup {
border:1px solid;
background: #FFFFFF;
}
.z-popup .z-popup-tl {
  background: none;
  height: 0px;
}
.z-popup .z-popup-tr {
  background: none;
  height: 0px;
}
.z-popup .z-popup-cl {
  background: none;
}
.z-popup .z-popup-cr {
  background: none;
}
.z-popup .z-popup-cm {
  background: none;
  padding: 0px 0px;
}
.z-popup .z-popup-bl {
  background: none;
  height: 0px;
}
.z-popup .z-popup-br {
  background: none;
  height: 0px;
}

body {
  background: #EAF4F4;
}