<%-- Set Css Window --%>
.z-window-embedded-header, 
.z-window-modal-header, 
.z-window-popup-header, 
.z-window-highlighted-header, .z-window-overlapped-header 
{
	color: #525252;
	background: #FFFFFF;
	padding-top: 3px;
	border: none;
	padding-bottom: 6px;
}

.z-window-embedded-cnt 
{
	background: #FFFFFF;
    background-color: #FFFFFF;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    border-color: #FFFFFF;
    padding: 4px;
    overflow: hidden;
    color: 525252;
    word-wrap: break-word;
    margin: 0;
}

.z-window-modal-cnt, .z-window-highlighted-cnt, 
.z-window-modal-cnt-noborder, .z-window-highlighted-cnt-noborder, 
.z-window-overlapped-cnt-noborder 
{
	margin: 0;
	padding: 2px;
	color: #525252;
	background: #FFFFFF;
	overflow: hidden;
	zoom: 1;
}

<%-- Set border Window --%>
.z-window-embedded-tr, 
.z-window-modal-tr, 
.z-window-highlighted-tr,
.z-window-overlapped-tr, .z-window-popup-tr,
.z-window-modal-cr, 
.z-window-highlighted-cr, 
.z-window-overlapped-cr,
.z-window-embedded-hr, 
.z-window-modal-hr, 
.z-window-highlighted-hr, 
.z-window-overlapped-hr, 
.z-window-popup-hr,
.z-window-modal-br, 
.z-window-highlighted-br, 
.z-window-overlapped-br,
.z-window-modal-cl, 
.z-window-highlighted-cl, 
.z-window-overlapped-cl,
.z-window-embedded-hl, 
.z-window-modal-hl, 
.z-window-highlighted-hl, 
.z-window-overlapped-hl, 
.z-window-popup-hl,
.z-window-embedded-cl,
.z-window-embedded-br,
.z-window-embedded-cr,
.z-window-embedded-hm
{
	background: #FFFFFF;
	background-image:none;
}

<%-- Set border Window %-->

.z-shadow .z-shadow-tr, .z-shadow .z-shadow-tl,
.z-shadow .z-shadow-cr, .z-shadow .z-shadow-cl,
.z-shadow .z-shadow-br, .z-shadow .z-shadow-bl, 
{ 
	background:none; 
}

<%-- Set Css Button --%>

.z-button .z-button-cr, 
.z-button .z-button-cl, 
.z-button .z-button-bl,
.z-button .z-button-br, 
.z-button .z-button-tl,
.z-button .z-button-tr,
.z-button .z-button-tm, 
.z-button .z-button-bm
{
    background-image: none;
}

.z-button .z-button-cr, 
.z-button .z-button-cl, 
.z-button .z-button-cm 
{
   	background: -webkit-gradient(linear, left top, left bottom, from(#D7D7D7), to(#999999));
    background: -moz-linear-gradient(top,#D7D7D7 0%,#999999);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D7D7D7', endColorstr='#999999');
    color: #525252;
	border-width : 0px;
}


<%-- Css for White Button --%>

.btnWhite  .z-button-cr, 
.btnWhite  .z-button-cl,
.btnWhite .z-button-cm 
{
   	background: -webkit-gradient(linear, left top, left bottom, from(#D7D7D7), to(#999999));
    background: -moz-linear-gradient(top,#D7D7D7 0%,#999999);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D7D7D7', endColorstr='#999999');
    color: #525252;
	border:0px solid #ACACAC;
	height:25px;
}

.btnGreen .z-button-cr, 
.btnGreen .z-button-cl,
.btnGreen .z-button-cm 
{
   	background: -webkit-gradient(linear, left top, left bottom, from(#1DB91C), to(#2F8A03));
    background: -moz-linear-gradient(top,#1DB91C 0%,#2F8A03);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1DB91C', endColorstr='#2F8A03');
    color: white;
    height:25px;
}

.btnBlue .z-button-cr, 
.btnBlue .z-button-cl,
.btnBlue .z-button-cm
{
   	background: -webkit-gradient(linear, left top, left bottom, from(#1D66BA), to(#1C538F));
    background: -moz-linear-gradient(top,#1D66BA 0%,#1C538F);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1D66BA', endColorstr='#1C538F');
    color: white;
    height:25px;
}

.btnRed .z-button-cr, 
.btnRed .z-button-cl,
.btnRed .z-button-cm 
{
	height:25px;
   	background: -webkit-gradient(linear, left top, left bottom, from(#DD3E13), to(#A92809));
    background: -moz-linear-gradient(top,#DD3E13 0%,#A92809);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DD3E13', endColorstr='#A92809');
    color: white;
}


<%-- Set Css Button - Mold=os --%>
.z-button-os 
{
	background: transparent no-repeat 0 0;
	border-width : 0px; 
}

<%--
.z-button-focus .z-button-cm, 
.z-button-focus .z-button-cl, 
.z-button-focus .z-button-cr
{
    background:#AADCFA;                 
}
.z-button-over .z-button-cm,
.z-button-over .z-button-cl,
.z-button-over .z-button-cr {
    background:#C9EBB0;
}
.z-button-clk .z-button-cm 
.z-button-clk .z-button-cl,
.z-button-clk .z-button-cr,
{
    background:green;                   
}               
--%>

<%-- Css for Label --%>

<%-- Css for Message Label --%>
.z-messagebox .z-label 
{
	color: black;
}


<%-- Set Css Grid --%>
div.z-grid 
{
	background: #e2e2e2;
	background-image: none;
	overflow: hidden;
	zoom: 1;
	border: 0px solid #D9D9D9;
	border-radius:3px;
}
div.z-grid-body
{
	background: white; 
	border: 0px solid white; 
	overflow: auto; 
	width: 100%; 
}
tr.z-row td.z-row-inner,
tr.z-row .z-cell {
	background: white;
	border: 0px solid white;
}
tr.z-grid-odd td.z-row-inner,
tr.z-grid-odd .z-cell {
	background-color: #F0EFEF;
}

<%-- Màu chữ cho giao diện --%>
div.z-row-cnt span 
{
    color: black;
}
div.z-grid-header tr.z-columns
{
	background: #e2e2e2; 
	background-color: #e2e2e2;
}

div.z-column-cnt, div.z-row-cnt 
{
	font-size: 12px;
	font-weight: bold;
	color: #525252;
}
div.z-footer-cnt, div.z-column-cnt 
{
	overflow: hidden;
	cursor: default;
	background: #e2e2e2;
	color: #525252;
}

.z-auxheader-cnt {
	background:#E2E2E2;
}
div.z-grid-header
{
	border: 0px solid #999999;
	
}

div.z-grid-header th.z-column, 
div.z-grid-header th.z-auxheader
{
	background:#E2E2E2;
}

<%-- Css Tree --%>
div.z-tree 
{
	background: #E2E2E2;
	border-radius: 5px;
	background-image: none;
}

.z-tree-header-bg, .z-dottree-header-bg, .z-filetree-header-bg, .z-vfiletree-header-bg 
{
	background-image: none;
}

div.z-tree-header th.z-treecol, div.z-tree-header th.z-auxheader 
{
	padding: 2px 2px 2px;
	height:25px;
	background: #E2E2E2;
}

div.z-treecol-cnt 
{
	color: black;
	background: #E2E2E2;
}
div.z-tree-body td.z-treecell, div.z-tree-footer td.z-treefooter 
{
	border-bottom: 1px solid #E2E2E2;
	border-left: 1px solid #E2E2E2;	
}

div.z-treefooter-cnt, div.z-treecell-cnt, div.z-treecol-cnt 
{
	padding: 2px 2px 2px;
}

div.z-tree-body
{
	overflow:auto;
}
<%--  Border header Grid --%>
div.z-grid-header th.z-column, div.z-grid-header th.z-auxheader 
{
	overflow: hidden;
	border: 1px solid;
	white-space: nowrap;
	padding: 0 0 0 2px;
	border-color: #E3E3E3 #E3E3E3 white white;
	border-top: none;
	position: relative;
}

<%-- Hover Header Grid --%>
div.z-grid-header th.z-column-over, div.z-grid-header th.z-auxheader-over
{
	background-image: none;
}

<%-- Border Header Grid --%>
.z-grid-header-bg 
{
	background-image: none;;
}

div.z-grid-pgi-b {
	border-top: 0px solid #E3E3E3;
}


<%-- Btn Column Grid --%>
.z-column-btn 
{
	display: none;
	position: absolute;
	z-index: 15;
	cursor: pointer;
	top: 0;
	right: 0;
	width: 23px;
	background:none;
	background-position: 0 0;
}

<%-- Set Css Textbox --%>
.z-textbox, 
.z-decimalbox, 
.z-intbox, 
.z-longbox, 
.z-doublebox
{
    background: #FFFFFF;
	color:#525252;
	border: 1px solid #E4E4E4;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
}
 
.z-textbox-focus, .z-decimalbox-focus,
.z-intbox-focus, .z-longbox-focus,
.z-doublebox-focus
{
	background:#E2E8ED;
	border: 1px solid #3399FF;
}

.z-textbox-disd, 
.z-decimalbox-disd, 
.z-intbox-disd, 
.z-longbox-disd, 
.z-doublebox-disd, 
.z-textbox-disd *, 
.z-decimalbox-disd *, 
.z-intbox-disd *, 
.z-longbox-disd *, 
.z-doublebox-disd * {
	color: #000000 !important;
}

<%-- Set Css Combobox --%>
.z-combobox,
.z-datebox, 
.z-timebox, 
.z-spinner, 
.z-doublespinner 
{
	border: 1px solid #E4E4E4; 
	<%--
	background:#E0E0E0;
	--%>
}
.z-combobox-readonly {
    border-color: #000000;
}

<%-- Set property cho rounded --%>
.z-combobox-rounded-inp, 
.z-bandbox-rounded-inp, 
.z-datebox-rounded-inp, 
.z-timebox-rounded-inp, 
.z-spinner-rounded-inp, 
.z-doublespinner-rounded-inp, 
.z-combobox-inp, 
.z-bandbox-inp, 
.z-datebox-inp, 
.z-timebox-inp, 
.z-spinner-inp, 
.z-doublespinner-inp
{
	vertical-align: top;
	color:#525252;
    background:#FFFFFF;
	border: 0px solid #E0E0E0;
	height: 20px;
	border-radius: 0px 0 0 0px;
	-moz-border-radius: 0px 0 0 0px;
	-webkit-border-radius: 0px 0 0 0px;
}

.z-combobox-focus .z-combobox-inp {
    border: 0px solid #3399FF;
    background:#E2E8ED
}
.z-combobox-focus {
    border: 1px solid #3399FF;
    background:#E2E8ED;
}

.z-combobox .z-combobox-btn,
.z-combobox .z-combobox-btn-over,
.z-combobox-focus .z-combobox-btn-clk, 
.z-combobox .z-combobox-btn-clk,
.z-combobox-focus .z-combobox-btn,
.z-combobox-readonly ~ .z-combobox-btn
.z-combobox-focus .z-combobox-btn-over
{
	vertical-align: top;
	cursor: pointer;
	border: 0px solid #000000;
   	border-bottom: 0px solid white;
   	background: transparent no-repeat 0 0;
	background-image: url('../images/IconTest/triagle_btn_15x13.png');
	border-left: 0px solid;
	margin-top: 5px;
	margin-left: 2px;
}

<%-- Set height cho comboitem --%>
.z-comboitem .z-comboitem-text 
{
<%--
	background:black;
--%>
	height: 20px;
}

.z-combobox-pp .z-comboitem-over,
.z-combobox-pp .z-comboitem-seld {
    color: #525252;
    background-color: #E4E4E4;
}

.z-combobox-pp .z-comboitem,
.z-combobox-pp .z-comboitem a,
.z-combobox-pp .z-comboitem a:visited {
    color: black;
    background-color: #FEFEFE;
}

.z-combobox-rounded-pp .z-comboitem-over,
.z-combobox-pp .z-comboitem-over {
	background: #E4E4E4;
}

.z-combobox-pp .z-comboitem-over,
.z-combobox-pp .z-comboitem-seld 
{
    background-color: #E4E4E4;
}

<%-- Set border 0px cho component --%>
.z-combobox-rounded .z-combobox-rounded-btn, 
.z-bandbox-rounded .z-bandbox-rounded-btn, 
.z-spinner-rounded .z-spinner-rounded-btn, 
.z-doublespinner-rounded .z-doublespinner-rounded-btn, 
.z-combobox .z-combobox-btn, .z-bandbox .z-bandbox-btn, 
.z-spinner .z-spinner-btn, 
.z-doublespinner .z-doublespinner-btn
{
	border: 0px solid #FFFFFF;
	height: 15px;
}

<%-- Set border 0px, heigth for datebox --%>
.z-datebox .z-datebox-btn, 
.z-timebox .z-timebox-btn, 
.z-datebox-rounded .z-datebox-rounded-btn, 
.z-timebox-rounded .z-timebox-rounded-btn
{
	border: 0px solid #FFFFFF;
	height: 20px;
}

<%-- Set css cho Select Listbox --%>
select 
{
	border: 1px solid #E0E0E0;
	color: #525252;
	background-color: #FEFEFE;
	vertical-align: top;
	cursor: pointer;
	margin-top:2px;
}

tr.z-listitem-seld .z-listcell-cnt, 
tr.z-listitem-over-seld .z-listcell-cnt, 
tr.z-listitem-over .z-listcell-cnt 
{
	color: #959595;
}
tr.z-listitem-seld,
tr.z-listbox-odd tr.z-listitem-seld {
	background:white;
    background: #FFFFFF;
}
tr.z-listitem-over,
tr.z-listgroup-over,
tr.z-listbox-odd tr.z-listitem-over,
tr.z-listbox-odd tr.z-listgroup-over {
    background: white;
    border:1px solid white;
}


tr.z-listitem-over > td.z-listcell {
    border: 1px solid white;
}

tr.z-listitem a, tr.z-listitem a:visited
{
	background:white;
}

<%-- Set color border cho groupbox 3d --%>
.z-groupbox-3d-cnt {
	border: 1px solid white;
	padding: 5px;
}
.z-panelchildren-noheader 
{	
	border-top: 1px solid #D9D9D9;
}
.z-panelchildren 
{
	background-color: white;
	border: 1px solid #E4E4E4;
}