.bb {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.bb:focus,
.bb:active:focus,
.bb.active:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.bb:hover,
.bb:focus {
  color: #333;
  text-decoration: none;
}
.bb:active,
.bb.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.bb-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.bb-default:hover,
.bb-default:focus,
.bb-default:active,
.bb-default.active{
  color: #333;
  background-color: #ebebeb;
  border-color: #adadad;
}
.bb-default:active,
.bb-default.active{
  background-image: none;
}
.bb-sm {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.bb-xs {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
  width: 15px;
}
.bb-xs-a {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
  width: 26px;
}
.bb_head_table
{
border: 1px solid #7F7F7F;
background:#DBDBDB;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px;
padding:5px;
}
.bb_head_color
{
 color:#2d2d2d;
}
.bb_head_color_in
{
background:#fff;
}