@charset "UTF-8";

/* 2.1 =Splitter
---------------------------------------------------------------------- */


.splitter {margin-top:30px;padding:0px;width:918px;float:left; position:relative; 
}

.splitter:after {
  content: "";
  display: block;
  height: 0;
  overflow: hidden;
}

.splitter li{margin:0px 1px 3px 0px;width:101px; height:31px;float:left;}

.splitter .sort{ position:absolute;top:6px;color:#333333;width:101px;height:31px;text-align:center;}

.splitter li.last{margin-right:0px;}


.splitter ul li a {
  width:101px;height:31px;background:url(butt-media.png) no-repeat 0 0;color:#7f7d7f;font-size:11px;line-height:11px; text-align:center;display:table-cell;vertical-align:middle;text-decoration:none;
}

.splitter li,
.splitter ul,
.splitter ul li a  {
  display: inline;
  display: inline-block;
}



.splitter ul li:first-child {
  margin-left: 0;
}

.splitter ul li{height:31px; overflow:hidden;}

.splitter ul li a {
   width:101px;height:31px;background:url(butt-media.png) no-repeat 0 0;color:#7f7d7f;font-size:11px;line-height:11px; text-align:center;display:table-cell;vertical-align:middle;text-decoration:none;*padding-top:5px; _padding-top:5px;
}

.splitter ul li a:hover {background-position:0 -31px;
  color:#fff;font-size:11px;line-height:11px; text-align:center;text-decoration:none;
}



.splitter ul li.segment-0,
.splitter ul li.segment-2 {
  /*background-position: -3px -92px;*/
}

.splitter ul li.segment-1 {
  /*background-position: 0 -92px;*/
}

.splitter ul li.segment-0 a,
.splitter ul li.segment-1 a {
 /* background-position: 0 -161px;*/
}

.splitter ul li.segment-2 a {
  /*background-position: 100% -115px;*/
}

.splitter ul li.selected-0 a,
.splitter ul li.selected-1 a,
.splitter ul li.selected-2 a,
.splitter ul li.selected-3 a ,
.splitter ul li.selected-4 a,
.splitter ul li.selected-5 a,
.splitter ul li.selected-6 a,
.splitter ul li.selected-7 a,
.splitter ul li.selected-8 a,
.splitter ul li.selected-9 a,
.splitter ul li.selected-10 a,
.splitter ul li.selected-11 a,
.splitter ul li.selected-12 a,
.splitter ul li.selected-13 a,
.splitter ul li.selected-14 a {
  background-position:0 -31px;
  color:#fff;font-size:11px;line-height:11px; text-align:center;display:table-cell;vertical-align:middle;text-decoration:none;
}

.splitter ul li.selected-0,
.splitter ul li.selected-2 {
  background-position: 0 -31px;
}

.splitter ul li.selected-0 a,
.splitter ul li.selected-1 a {
  /*background-position: 100% -46px;*/
}

.splitter ul li.showall {position:absolute;top:33px;left:0px;
 }
.splitter ul li.showall a{background:url(butt-media.png) no-repeat 0 -31px;color:#fff;font-size:11px;line-height:11px; text-align:center;display:table-cell;vertical-align:middle;text-decoration:none;
}
.splitter ul li.showall a:hover{background:url(butt-media.png) no-repeat 0 -31px;
}

.splitter ul li.selected-2 a {
  /*background-position: 100% -69px;*/
}

.splitter ul li.selected-3 a {
}