<%-- Set Css Window --%>
.z-window-embedded-header, 
.z-window-modal-header, 
.z-window-popup-header, 
div.z-window-modal-tr,
div.z-window-modal-hl, 
div.z-window-modal-hr, 
.z-window-highlighted-header, .z-window-overlapped-header 
{
	color: white;
	background: #2084d9;
	padding-top: 0px;
	border: none;
	padding-bottom: 2px;
}

.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 {
	width:0px;
	background-image: none;
}

.z-window-embedded-cnt 
{
	margin: 0;
	padding: 0px;
	background: white;
	overflow: hidden;
	zoom: 1;
	border: 0;
}

<%--
.z-window-embedded-cnt 
{
	background: #232323;
    background-color: #232323;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    border-color: #232323;
    padding: 4px;
    overflow: hidden;
    color: #white;
    word-wrap: break-word;
    margin: 0;
}
--%>

.z-window-embedded-tl, 
.z-window-embedded-tr,
 .z-window-embedded-bl, 
 .z-window-embedded-br {
	background-image: none;
	width:0px;
}

.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: white;
	background: #232323;
	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: #212121;
	background-image:none;
}

<%-- Remove border Window --%>
.z-window-modal-cm, 
.z-window-highlighted-cm, 
.z-window-overlapped-cm,
.z-window-embedded-cm, 
.z-window-overlapped-cm 
{
	border: 0px solid #C5C5C5;
}

body {
    margin: 0px;
    padding: 0px 0px;
}

<%-- 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;
    height: 0px;
	width: 0px;
}
 

.z-button .z-button-cr, 
.z-button .z-button-cl,
.z-button .z-button-cm 
{
    color: #FFFFFF;
   	background: -webkit-gradient(linear, left top, left bottom, from(#626262), to(#000000));
    background: -moz-linear-gradient(top,#626262 0%,#000000);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#626262', endColorstr='#000000');
	color: white;
    height:25px;
	border-width : 0px;
}

.btnBlack1 .z-button-cm 
{
    height:30px;
}


<%-- Css for Blue Button --%>
.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;
}

<%-- Css for Green Button --%>
.btnGreen  .z-button-cr, 
.btnGreen  .z-button-cl,
.btnGreen .z-button-cm 
{
   	background: -webkit-gradient(linear, left top, left bottom, from(#4BB10C), to(#307D00));
    background: -moz-linear-gradient(top,#4BB10C 0%,#307D00);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4BB10C', endColorstr='#307D00');
    color: white;
}

<%-- Css for Label --%>

<%-- Css for Message Label --%>
.z-messagebox .z-label 
{
	color: white;
}

<%-- Css for Orange Button --%>
.btnOrange  .z-button-cr, 
.btnOrange  .z-button-cl,
.btnOrange .z-button-cm 
{
   	background: -webkit-gradient(linear, left top, left bottom, from(#EEA734), to(#A26B06));
    background: -moz-linear-gradient(top,#EEA734 0%,#A26B06);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEA734', endColorstr='#A26B06');
    color: white;
}

<%-- Set Css Button - Mold=os --%>
.z-button-os 
{
	background: transparent no-repeat 0 0;
	border-width : 0px; 
}

<%--
.z-button-focus
{
	background-position: 0 -100px;   
}
.z-button-focus .z-button-cm 
{
    background-position: 0 -80px;                 
}
.z-button-over .z-button-cm {
    background-position: 0 -80px;
}
.z-button-clk .z-button-cm {
    background-position: 0 -80px;                   
}     
--%>

<%-- button message box --%>
.z-messagebox-btn
{
	width: 100%;
	height: 35px;
}

.z-separator-hor-bar 
{
	background-image: none;
	height:1px;
	background: #343434;
}

<%-- Set Css Grid --%>
div.z-grid 
{
	background: #232323;
	background-image: none;
	overflow: hidden;
	zoom: 1;
	border: 1px solid #2F2F2F;
}

div.z-grid-body
{
	background: #232323; 
	border: 0px solid black; 
	overflow: auto; 
	width: 100%; 
}
tr.z-row td.z-row-inner,
tr.z-row .z-cell {
	background: #1c1c1c;
	border: 0px solid black;
}
tr.z-grid-odd td.z-row-inner,
tr.z-grid-odd .z-cell {
	background-color: #3C3C3C;
}
div.z-row-cnt span 
{
    color: #FFFFFF;
}
div.z-grid-header tr.z-columns
{
	background: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#030303));
    background: -moz-linear-gradient(top,#000000 0%,#030303);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#030303');
}
.z-grid-header-bg 
{
	background: #3C3C3C; 
	background-image:none;
}
div.z-column-cnt, div.z-row-cnt 
{
	font-size: 12px;
	font-weight: bold;
	color: white;
	background: none;
}

<%-- Customize Grid --%>
.cssGrid1 div.z-grid div.z-grid-body
{
	background:#222222;
}

<%--  Border header Grid --%>
div.z-grid-header th.z-column, div.z-grid-header th.z-auxheader 
{
	overflow: hidden;
	white-space: nowrap;
	padding: 0 0 0 2px;
	border-color: #3C3C3C #3C3C3C #3C3C3C black;
	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;
}

<%-- Set Css Textbox --%>
.z-textbox, 
.z-decimalbox, 
.z-intbox, 
.z-longbox, 
.z-doublebox
{
	background: #363636;
	color:#FFFFFF;
	border: 0px solid #363636;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	height:20px;
}

.z-textbox-focus, .z-decimalbox-focus, 
.z-intbox-focus, .z-longbox-focus,
.z-doublebox-focus
{
	background:#505050;
}



<%-- Set Css Combobox --%>
.z-combobox,
.z-datebox, 
.z-timebox, 
.z-spinner, 
.z-doublespinner 
{
	background: #363636;
    border: none;
}

<%-- Css item combobox --%>
.z-combobox-rounded-pp, 
.z-bandbox-rounded-pp, 
.z-datebox-rounded-pp, 
.z-combobox-pp, 
.z-bandbox-pp, 
.z-datebox-pp 
{
	display: block;
	position: absolute;
	background: black;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#363636', endColorstr='#363636');
	color:white;
	border: 1px solid #363636;
	padding: 2px;
	font-size: 12px;
}

.z-combobox-readonly {
    border-color: #363636;
    background: #363636;
}
.z-combobox-focus .z-combobox-readonly {
    border: 0px solid #000000;
}


.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:#FFFFFF;
	background: #363636; 
	border: 0px solid black;
	height:20px;
	padding-top: 2px;
}

.z-combobox-rounded-pp .z-comboitem-text, 
.z-combobox-rounded-pp .z-comboitem-btn, 
.z-combobox-pp .z-comboitem-text, 
.z-combobox-pp .z-comboitem-btn 
{
	cursor: pointer;
	color: white;
	border-top: 1px solid #3C3C3C;
}

.z-combobox-focus .z-combobox-inp {
    border: 0px solid #000000;
}

.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 black;
   	background: transparent no-repeat 0 0;
	background-image: url('../images/IconTest/triagle_btn_15x13.png');
	border-left: 0px solid;
	margin-top:7px;
}

<%-- Customize Combobox --%>
.cbxCssMax .z-combobox-rounded-inp,
.cbxCssMax .z-combobox-inp
{
	vertical-align: top;
	color:#FFFFFF;
	background: #363636; 
	border: 0px solid black;
	height:20px;
	padding-top: 5px;
}

.cbxCssMax .z-combobox-btn
{
	vertical-align: top;
	cursor: pointer;
	border: 0px solid #000000;
   	border-bottom: 0px solid black;
   	background: transparent no-repeat 0 0;
	background-image: url('../images/IconTest/triagle_btn_15x13.png');
	border-left: 0px solid;
	margin-top:9px;
}


<%-- Set height cho comboitem --%>
.z-comboitem .z-comboitem-text 
{
<%--
	background:black;
--%>
	height: 20px;
}


<%-- 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 #000000;
}



<%-- 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;
}

.z-combobox-pp .z-comboitem,
.z-combobox-pp .z-comboitem a,
.z-combobox-pp .z-comboitem a:visited {
    color: #FFFFFF;
    background-color: black;
}

.z-combobox-rounded-pp .z-comboitem-over,
.z-combobox-pp .z-comboitem-over {
	background: #363636;
}
<%-- Hover khi di chuot --%>
.z-combobox-rounded-pp .z-comboitem-over-seld,
.z-combobox-pp .z-comboitem-over-seld {
	background: #363636;
}

.z-combobox-pp .z-comboitem-over,
.z-combobox-pp .z-comboitem-seld 
{
    background-color: #363636;
}

<%-- Set css cho Select Listbox --%>

select
{
	border: 0px solid;
	color: white;
	overflow: hidden;
	background: #363636;
	vertical-align: top;
	cursor: pointer;
	margin-top:2px;
}


<%-- Set css cho các button Paging --%>
.z-toolbarbutton-cnt 
{
	background:transparent no-repeat 0 0;
}

.z-listgroup-img 
{
	width: 18px;
	min-height: 18px;
	height: 100%;
	display:-moz-inline-box;
	vertical-align: top;
	display: inline-block;
	background-image: url('../images/IconTest/triagle_btn_15x13.png');
	background-repeat: no-repeat;
	vertical-align: top; cursor: pointer; border: 0;
}

<%-- Css Group box --%>
.z-groupbox-header span.z-caption-cnt, .z-groupbox-title-cnt 
{
	background-color: #3C3C3C;
}
.z-groupbox-hr 
{
	position: relative;
	top: 8px;
	border: 1px solid #494949;
	border-bottom: none;
}
.z-groupbox-cnt {
	overflow: hidden;
	padding: 5px;
	border: 1px solid #494949;
	border-top: none;
}


<%-- Set background Css for paging toolbarbutton --%>
.z-toolbarbutton-cnt 
{
	background: #3C3C3C;
}
.z-toolbarbutton
{
	background:white;
	border:none;
	padding:0px;
}

<%-- Set padding cho cac row trong Grid --%>
tr.z-row td.z-row-inner
{
	border-right: 0px solid transparent;
	padding: 4px 3px 4px 3px;
}

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: #000000;
}
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: black;
    border:1px solid black;
}


tr.z-listitem-over > td.z-listcell {
    border: 1px solid black;
}
.z-groupbox-3d-cnt {
	border: 1px solid black;
	padding: 5px;
}