.datagrid table { border-collapse: collapse; text-align: left;  } .datagrid {font: normal 12px/150% Arial, Helvetica, sans-serif; background: #fff; overflow: hidden; border: 1px solid #36752D; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; }.datagrid table td, .datagrid table th { padding: 4px 10px; }.datagrid table  th {text-align:center;background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #36752D), color-stop(1, #275420) );background:-moz-linear-gradient( center top, #36752D 5%, #275420 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#36752D', endColorstr='#275420');background-color:#36752D; color:#FFFFFF; font-size: 15px; font-weight: bold; border-left: 1px solid #36752D; } .datagrid table thead th:first-child { border: none; }.datagrid table tbody td { color: #275420; border-left: 1px solid #C6FFC2;font-size: 12px;font-weight: normal; }.datagrid table tbody td:first-child { border-left: none; }.datagrid table tbody tr:last-child td { border-bottom: none; }.datagrid table tfoot td div { border-top: 1px solid #36752D;background: #DFFFDE;} .datagrid table tfoot td { padding: 0; font-size: 12px } .datagrid table tfoot td div{ padding: 2px; }.datagrid table tfoot td ul { margin: 0; padding:0; list-style: none; text-align: right; }.datagrid table tfoot  li { display: inline; }.datagrid table tfoot li a { text-decoration: none; display: inline-block;  padding: 2px 8px; margin: 1px;color: #FFFFFF;border: 1px solid #36752D;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #36752D), color-stop(1, #275420) );background:-moz-linear-gradient( center top, #36752D 5%, #275420 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#36752D', endColorstr='#275420');background-color:#36752D; }.datagrid table tfoot ul.active, .datagrid table tfoot ul a:hover { text-decoration: none;border-color: #275420; color: #FFFFFF; background: none; background-color:#36752D;}
.datagrid a{text-decoration: none; border-bottom:dotted 1px; color: black;}
.datagrid span{border-bottom: dotted 1px; cursor: hand;}
.datagrid th a{text-decoration: none; border-bottom:dotted 1px; color: white;}

.datagrid th img{height:16px;}
.datagrid .sel{background: #999;}
  .even { background: #DFFFDE; color: #275420; }
th,td img{height: 20px; cursor: hand;}
.datagrid .count{text-align: center;
	font-family: impact;
	font-size:30px;
	vertical-align: bottom;
	cursor: hand;
}
td input {
border: none;
background: #ccc;
width: 50px;
height: 30px;
text-align: center;
font-family: arial;
font-size:20px;
border-radius: 10px;}
#subcategory table { 
  border-spacing:0;
  border-collapse:collapse;
  overflow: hidden;
}
#subcategory table td{ 
white-space: nowrap;
}
#add{
	position: absolute;
	top:160px;
	left:850px;
}

#import{
	position: absolute;
	top:160px;
	left:980px;
}


#categories{position: absolute;
	width: 150px;
}
#categories li {color: white;
	text-decoration: none;
	font-size: 16px;
	margin: 2 6;
	padding: 2 6;
	border-radius: 2px;
	}
#categories li a {color: white;
	text-decoration: none;
	font-size: 16px;
	border-radius: 2px;
	display: inline;}
	
#categories li:hover, .active{
	background: green;
}
#categories ul{
	list-style: none;
	padding: 0;
	margin: 0;
}
#categories li{
	width: 140px;
}
#categories img{
	display: inline;
	float: right;
	height: 16px;
	margin-top: 2px;
	display: none;
}
#subcategories{position: absolute;
	position: absolute;
	top:0;
	left: 200px;
	width: 880px;
	white-space: nowrap;
}
#subcategories ul{
	list-style: none;
	padding: 0;
	margin: 0;
	white-space: nowrap; 
}
#subcategories li {
	color: white;
	width: 170px;
	height: 18px;
	text-decoration: none;
	font-size: 16px;
	margin: 2 6;
	padding: 2 6;
	padding-bottom: 6;
	border-radius: 2px;
	display: block;
	float: left;
	}
#subcategories li a {color: white;
	text-decoration: none;
	font-size: 16px;
	border-radius: 2px;
	display: inline;
	
	}

#subcategories li:hover, .active{
	background: green;
}

.subcwr{
	padding: 0;
	margin: 0;
	width: 150px;
	height: 18px;
	overflow: hidden;
	white-space: nowrap;
}
#subcategories img{
	float: right;
	
	height: 16px;
	z-index: 9;
	margin-top: 0px;
	display: none;
}
.submit-button {
   border: 1px solid #447314;
   background: #6aa436;
   background: -webkit-gradient(linear, left top, left bottom, from(#8dc059), to(#6aa436));
   background: -webkit-linear-gradient(top, #8dc059, #6aa436);
   background: -moz-linear-gradient(top, #8dc059, #6aa436);
   background: -ms-linear-gradient(top, #8dc059, #6aa436);
   background: -o-linear-gradient(top, #8dc059, #6aa436);
   background-image: -ms-linear-gradient(top, #8dc059 0%, #6aa436 100%);
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   text-shadow: #addc7e 0 1px 0;
   color: #31540c;
   font-family: helvetica, serif;
   padding: 3px 5px;
   font-size: 10px;
   font-weight: bold;
   margin: 2px;
   text-decoration: none;
   vertical-align: middle;
   width: 120px;
   }
.submit-button:hover {
   border: 1px solid #447314;
   text-shadow: #31540c 0 1px 0;
   background: #6aa436;
   background: -webkit-gradient(linear, left top, left bottom, from(#8dc059), to(#6aa436));
   background: -webkit-linear-gradient(top, #8dc059, #6aa436);
   background: -moz-linear-gradient(top, #8dc059, #6aa436);
   background: -ms-linear-gradient(top, #8dc059, #6aa436);
   background: -o-linear-gradient(top, #8dc059, #6aa436);
   background-image: -ms-linear-gradient(top, #8dc059 0%, #6aa436 100%);
   color: #fff;
   }
.submit-button:active {
   text-shadow: #31540c 0 1px 0;
   border: 1px solid #447314;
   background: #8dc059;
   background: -webkit-gradient(linear, left top, left bottom, from(#6aa436), to(#6aa436));
   background: -webkit-linear-gradient(top, #6aa436, #8dc059);
   background: -moz-linear-gradient(top, #6aa436, #8dc059);
   background: -ms-linear-gradient(top, #6aa436, #8dc059);
   background: -o-linear-gradient(top, #6aa436, #8dc059);
   background-image: -ms-linear-gradient(top, #6aa436 0%, #8dc059 100%);
   color: #fff;
   }
.red{
	background: red;
	text-shadow: #aaa 0 1px 0;
}