.tabs {
    float:left;
    width:100%;
    font-size:93%;
    line-height:normal;
}

.tabs ul {
	margin:0;
	padding:0px 10px 0 0px;
	list-style:none;
}

.tabs li {
  display:inline;
  margin:0;
  padding:0;
}
.tabs div.arrow {
  float:left;
  background: none;
  margin: 3px 0 0 0;
  padding: 0 5px 0 0;
  text-decoration:none;
  border-bottom: 0px;
  width: 72px;
  height: 20px;
  background: url("/gfx/arrow_criteria.png") no-repeat left top;
}
.tabs div.folder_arrow {
  background: url("/gfx/arrow_groups.png") no-repeat left top;
}
.tabs div.criteria_arrow {
  background: url("/gfx/arrow_criteria.png") no-repeat left top;
}
.tabs a.active{
  float:left;
  background:url("/gfx/tabs/tableft.gif") no-repeat left top;
  background-position:0% -42px;
  margin:0;
  padding:0 0 0 4px;
  text-decoration:none;
  border:none;
}
.tabs a {
  float:left;
  background:url("/gfx/tabs/tableft.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 4px;
  text-decoration:none;
  border-bottom: 0px;
}
.tabs a span {
  float:left;
  display:block;
  background:url("/gfx/tabs/tabright.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  color:#666;
}
.tabs .active span {
  float:left;
  display:block;
  background:url("/gfx/tabs/tabright.gif") no-repeat right top;
  background-position:100% -42px;
  padding:5px 15px 4px 6px;
  color: #000;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
.tabs a span {float:none;}
/* End IE5-Mac hack */
.tabs a:hover span {
  color:#FFF;
}
.tabs a:hover {
  background-position:0% -42px;
}
.tabs a:hover span {
  background-position:100% -42px;
}