.TableType td {
  padding: 3px 5px; }

.TableType th {
  padding: 10px 4px;
  vertical-align: middle;
  /*background-color: adjust-hue( $Base,100%);*/
  background-color: #cccccc; }

.TableType.W100 {
  width: 100%; }

.TableType.Border td,
.TableType.Border th {
  border: 1px solid #cccccc; }

.TableType.Zebra tr:nth-child(even) td {
  background-color: rgba(153, 153, 153, 0.15); }

.TableType .tdLeft {
  font-weight: bold;
  text-align: left; }

.TableType.Zebra tr:hover td,
.TableType tr:hover td {
  background-color: #f6efd4; }

.TableType .Selected {
  background-color: #d4f6e4; }

.TableType .PageIndex td {
  padding: 2px; }

.TableType .PageIndex a, .TableType .PageIndex span {
  font-weight: bold;
  display: block;
  padding: 5px 10px;
  border-radius: 5px;
  margin: 1px;
  background-color: rgba(100, 100, 100, 0.2);
  color: rgba(100, 100, 100, 0.8);
  border: 1px solid rgba(100, 100, 100, 0.8); }

.TableType .PageIndex span {
  background-color: #999;
  color: #fff; }

.TableType .PageIndex a:hover {
  background-color: #008FEA;
  color: #fff;
  border-color: #000; }