html {height:100%;}
img{
margin:0px;
padding:0px;
border:0px;}
body{
height:100%; margin: 0px; padding: 0px 5px;
background-color:#FFFFFF;
background:#83a7c8 url(/images/bg.gif) top repeat-x;
color:#333333;}
body,td,div{
line-height:18px;}
table{
border:0px;
padding:0px;
margin:0px;
}
div.layout-container div.layout-region-body{
background-color:#ffffff;
}
p{}

<%-- paragraphs --%>
p, div, span, label, a, li, dt, dd, textarea, pre, body {
	font-family: Verdana, Tahoma, Arial, serif;
	font-size: 12px; font-weight: normal;
}
body {
	height:100%; margin: 0px; padding: 0px 5px;
}

option {
	font-family: Verdana, Tahoma, Arial, serif;
	font-size: 12px; font-weight: normal;
}
legend {
	font-family: Tahoma, Arial, serif;
	font-size: 12px; font-weight: normal;
}

th {
	font-family: Tahoma, Garamond, Century, Arial, serif;
	font-weight: bold; 
}

thead tr {
	font-family: Tahoma, Garamond, Century, Arial, serif;
	font-weight: bold;
}
.header_logo{
font-size:12px;

}
.header_logo img{
margin-right:200px;
}
.indexfroduct{
padding:5px;
margin-right:0px;}
.indexfroduct img{
margin-top:5px;
}

.header_logo a,a:link,a:visited{
 font-size:12px;

text-decoration:none;
}
.top_input{
height:18px;
width:135px;
background:#F0F0F0;
color:#000000;
border:#E7E7E7 1px solid;}
.toptxt{
padding-top:5px;
height:15px;
cursor:pointer;
}
.wc-embedded-none td{
}
.main_menu_bg{
    background:url(/images/topmenu.gif) repeat-x;
    width:100%;
	height:32px;
   
	
}
.main_menu_bg table,.main_menu_bg td,.main_menu_bg tr{
border:0px;
padding:0px;
margin:0px;}

.main_menu_bar{ height:32px; vertical-align:middle;}
.main_menu_bar td a,.main_menu_bar td a:visited,.main_menu_bar td a:link{color:#fff; font-size:12px;font-weight:bold; padding-left:15px; padding-right:15px;}
.main_menu_bar td a:hover{	color:#fff;font-size:12px;font-weight:bold; padding-left:15px; padding-right:15px;}
	
.menupopup{
width:auto;
margin-left:10px;}
.menu_popup_class{
    text-align:left;
    margin-left:20px;
    height:25px;
	margin-left:10px;
}
.menu_popup_class td{

    text-align:left;
    height:25px;
    border:none;

}
.menu_popup_class td a,.menu_popup_class td a:visited,.menu_popup_class td a:link{
    color:#4488CC;
    font-size:12px;

	text-align:left;
	display:block;
}
.menu_popup_class td a:hover{
    color:#fff;
    font-size:12px;
	width:100%;
	text-align:left;
	display:block;
}


.input_text{
height:18px;
padding:0px;
background-color:#F2F2F2;
border:#BFBFBF 1px solid;
width:60px;
font-size:12px;
}

.input_text_login{
height:18px;
padding:0px;
background-color:#F2F2F2;
border:#BFBFBF 1px solid;
width:95px!important;
width/**/:105px;
font-size:12px;
margin-left:3px;
margin-top:3px;
margin-bottom:3px;
}


.footer_label{
margin-top:5px;
padding:5px 10px 5px 10px;
background-color:#CCCCCC;
}
.footer_label span{
font-size:12px;
}


div.head_block{
}
div.head_block a,a:link,a:visited{
 font-size:12px;
color: #000; 
text-decoration:none;
}
div.head_block a:hover{
 font-size:12px;
color: #000; 
text-decoration:none;
background:url(/images/topmenu.gif) repeat-x;
}

.label_info{
font-family: Tahoma, Arial, serif;
	font-size: 12px; font-weight: normal;
}



<%-- ZK tree, listbox, grid --%>
div.listbox, div.tree, div.grid {<%-- depends sclass --%>
	background: threedface; border: 1px solid #7F9DB9;
}
div.tree-head, div.listbox-head, div.grid-head {<%-- always used. --%>
	background: threedface; border: 0; overflow: hidden; width: 100%; position:relative;
<%-- Bug 1712708:  we have to specify position:relative --%>
}
div.listbox-paging th, div.grid-paging th {
	background: threedface;
}
div.tree-head th, div.listbox-head th, div.grid-head th, div.listbox-paging th, div.grid-paging th {
	overflow: hidden; border: 1px solid;
	border-color: threedhighlight threedshadow threedshadow threedhighlight;
	text-overflow: ellipsis; white-space: nowrap; padding: 2px;
	font-size: 12px; font-weight: normal;
}
div.head-cell-inner {
	font-size: 12px; font-weight: normal; font-family: Tahoma, Garamond, Century, Arial, serif; vertical-align:top;
}
div.listbox-head th.sort, div.grid-head th.sort, div.listbox-paging th.sort, div.grid-paging th.sort {
	cursor: hand; cursor: pointer; padding-right: 9px;
	background-image: url(${c:encodeURL('~./zul/img/sort/hint.png')});
	background-position: right;
	background-repeat: no-repeat;
}
div.listbox-head th.sort-asc, div.grid-head th.sort-asc, div.listbox-paging th.sort-asc, div.grid-paging th.sort-asc {
	cursor: hand; cursor: pointer; padding-right: 9px;
	background-image: url(${c:encodeURL('~./zul/img/sort/asc.png')});
	background-position: right;
	background-repeat: no-repeat;
}
div.listbox-head th.sort-dsc, div.grid-head th.sort-dsc, div.listbox-paging th.sort-dsc, div.grid-paging th.sort-dsc {
	cursor: hand; cursor: pointer; padding-right: 9px;
	background-image: url(${c:encodeURL('~./zul/img/sort/dsc.png')});
	background-position: right;
	background-repeat: no-repeat;
}
.contentborder{
background-color:#f2f2f2;
border:#E3E3E3 1px dashed;
padding:10px;
margin:5px;
line-height:20px;
}
p{
line-height:20px;}

div.tree-body, div.listbox-body, div.grid-body, div.listbox-paging, div.grid-paging {<%-- always used. --%>
	background: window; border: 0px; overflow: auto; position: relative; width: 100%;
<%-- Bug 1766244: we have to specify position:relative with overflow:auto --%>
}
div.listbox-paging, div.grid-paging {
	height: 100%;
}
div.listbox-pgi, div.grid-pgi {
	border-top: 1px solid #AAB;
}
div.tree-body td, div.listbox-body td, div.listbox-paging td {
	cursor: hand; cursor: pointer; padding: 0 2px;
	font-size: 12px; font-weight: normal;
}
div.tree-body td, div.tree-head th {
	font-size: 12px; <%-- Too small if the spacing with 18px --%>
}

div.listbox-foot, tbody.listbox-foot, div.grid-foot, tbody.grid-foot, div.tree-foot, tbody.tree-foot {<%-- always used --%>
	background: threedface; border-top: 1px solid threedshadow;
}

div.foot-cell-inner, div.cell-inner, div.head-cell-inner {
	 border: 0; margin: 0; padding: 0; 
}

div.gc {
	padding: 2px; font-size: 12px; font-weight: normal; color: black;
}
tr.overd,td.overd{
background-color:#cbe0e4;}
tr.odd td.gc, tr.odd{
background-color:#cbe0e4;}
tr.item, tr.item a, tr.item a:visited {
	font-size: 12px; font-weight: normal; color:#333333;
	text-decoration: none;
	height:18px;
}
.grid-btable{
border:0px;}
tr.item a:hover {
	text-decoration: underline;
}

tr.grid td.gc {
	background: white; border-bottom: none; border-left: 1px solid white;
	border-right: 1px solid #CCC; border-top: 1px solid #DDD;
}
tr.odd td.gc, tr.odd {
	background: #EAF2F0;<%--#E8EFEA--%>
}
tr.seld {
	background: #bbd1ed; border: 1px solid #aac6e9;
}
tr.overd {<%-- item onmouseover --%>
	background: #DAE8FF;
}
tr.overseld {<%-- item selected and onmouseover --%>
	background: #5588bb;
}

div.cell-inner{
font-size: 12px; font-weight: normal;
}

td.mwt-embedded{
font-size: 12px; font-weight: normal;
}



.dot1{
background:url(/images/dot1.gif) no-repeat;
width:140px;
height:19px;
color:#FFFFFF;
text-align:left;
padding-left:25px;
margin-bottom:3px;
margin-left:0px;
}
.indexfroductdetail{
height:58px;
margin-left:5px;
margin-right:5px;
}
.dot2{
background:url(/images/dot2.gif) no-repeat;
width:140px;
height:19px;
color:#FFFFFF;
text-align:left;
padding-left:25px;
margin-left:3px;
padding-top:1px;
margin-left:0px;
}

.groupboxtitle{
padding-left:10px;
padding-top:3px;
background:url(/images/titlebg.gif) repeat-x;
font-weight:bold;
height:22px;
color:#FFFFFF;
}


<%-- groupbox caption --%>
.caption input, .caption td {
	font-size: 12px;
}
.caption td.caption {
	font-size: 12px;
}

.caption a, .caption a:visited {
	font-size: 12px; font-weight: normal; color: black; background: none;
	text-decoration: none;
}

input{
height:18px;
padding:0px;
background-color:#F2F2F2;
border:#BFBFBF 1px solid;
font-size:12px;
}

div.menubar a, div.menubar a:visited, div.menubar a:hover, div.menupopup a, div.menupopup a:visited, div.menupopup a:hover { 
font-size: 12px; 
} 


<%-- window title/caption --%>
div.modal {
	margin: 0; padding: 0;
}

div.wc-modal-none {
	margin: 0; padding: 0;
}

div.wc-modal {
	margin: 0px; padding: 0px; background:#fff;
	border:#7299bc 1px solid;
}

div.wc-modal-none {
	border: 0px;
}
td.lwt-modal, td.mwt-modal, td.rwt-modal {
	font-size: 12px;
	padding:5px; margin: 0 0 0 0;
	color:#fff;
	background:#7299bc;
	height:22px;
}


.title a, .title a:visited {
	color:#fff;
	cursor:pointer;
}
.caption a:hover, .title a:hover {
	text-decoration: underline;
	cursor:pointer;
}

<%-- groupbox caption --%>
.caption input, .caption td {
	font-size: 12px;
}
.caption td.caption {
	font-size: 12px;
}
.caption button {
	font-size: 12px; font-weight: normal;
	padding-top: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 0;
}
.caption a, .caption a:visited {
	font-size: 12px; font-weight: normal; color: black; background: none;
	text-decoration: none;
}

<%-- ZK tab. --%>
.tab, .tab a, a.tab {
	font-size: 12px;
}
.tab a, .tab a:visited, a.tab, a.tab:visited {
	font-size: 12px;
}
.tab a:hover, a.tab:hover {
	font-size: 12px;
}
.tabsel, .tabsel a, a.tabsel {
	font-size: 12px;
}
.tabsel a, .tabsel a:visited, a.tabsel, a.tabsel:visited {
	font-size: 12px;
}
.tabsel a:hover, a.tabsel:hover {
	font-size: 12px;
}

div.gc-default { <%-- content of 3d groupbox --%>
	border: 1px solid #5C6C7C; padding: 5px;
}
tr.tabpanel td.tabpanel-hr, div.tabpanel-accordion { <%-- horz, accd --%>
	border-left: 1px solid #5C6C7C; border-right: 1px solid #5C6C7C; 
	border-bottom: 1px solid #5C6C7C; padding: 5px;
}
td.tabpanels { <%-- vert --%>
	border-top: 1px solid #5C6C7C; border-right: 1px solid #5C6C7C; 
	border-bottom: 1px solid #5C6C7C; padding: 5px;
}


.messagetitle{
padding-left:10px;
padding-top:5px;
background:url(/images/titlebg.gif) repeat-x;
font-weight:bold;
height:25px;
color:#FFFFFF;
font-weight:bold;
margin-top:3px;
}
.messagetitle span{
font-weight:bold;}

.newslabel{
    font-size:12px;
    cursor:pointer;
	height:23px;
	width:100%;
	color:#333333;
}
.leftmenuoff span,.leftmenuon span{
margin:0px;
padding:0px;
font-weight:bold;
}

tr.vbox-sp{
height:0px;
font-size:0px;
line-height:0px;}
.leftmenuon{
background-color:#76B0E4;
font-weight:bold;
color:#FFFFFF;
padding-top:10px;
padding-left:10px;
font-weight:bold;
height:18px;
width:150px;
font-size:12px;
border:#7ba7cf 1px solid;
margin-left:1px;
margin-bottom:1px;

}
.leftmenuoff{
margin-left:1px;
font-weight:bold;
background-color:#E1E1E1;
border:#DFDFDF 1px solid;
color:#FFFFFF;
height:18px;
padding-top:10px;
padding-left:10px;
font-weight:bold;
width:150px;
font-size:12px;
margin-bottom:1px;
}
.toppic img{
margin-left:5px;
width:623px;
}

<%-- ZK tree, listbox, grid --%>
div.listbox, div.tree, div.grid {<%-- depends sclass --%>
	background: #FFF;
}

div.tree-head th, div.listbox-head th, div.grid-head th, div.listbox-paging th, div.grid-paging th {
	overflow: hidden; border: 1px solid;
	border-color: #FFF #FFF #FFF #FFF;
	white-space: nowrap; padding: 2px;
	font-size: small; font-weight: normal;
}
div.listbox-foot, tbody.listbox-foot, div.grid-foot, tbody.grid-foot, tbody.listbox-foot, div.tree-foot, tbody.tree-foot {<%-- always used --%>
	background: #FFF;
}