.ajax-table {
  width: 100%;
  border: 1px solid #BBB;
  border-collapse: collapse;
  border-spacing: 0px;
  font-size: 11px;
  font-family: arial, sans-serif;
}

.ajax-table-navigation {
  text-align: right;
  padding: 3px;
}

.ajax-table-indicator {
  padding: 3px;
  vertical-align: middle;
}

.ajax-table th {
  vertical-align: middle;
  text-align: left;
  height: 30px;
  padding: 5px 4px;
  border-bottom: 1px solid #BBB;
  background-color: #E5E5E5;
  background-position: 3px center;
  background-image: none;
  background-repeat: no-repeat;
}

.ajax-table td {
  padding: 4px;
  border-top: 1px solid #DDD;
}

.ajax-table-controls {
  vertical-align: middle;
  background-color: #FFF;
  text-align: right;
  color: #444;
  font-size: 12px;
  margin: 4px;
}

.ajax-table-controls span {
  margin: 0px 5px;
}

.ajax-table-page-size-selector {
  vertical-align: middle;
}

.ajax-table-indicator {
  margin: 0px 2px;
}

.ajax-table-page-summary {
  margin: 0px 2px;
}

.ajax-table-page-button {
  vertical-align: middle;
  border: 1px solid #999;
  background-color: #F5F5F5;
  margin: 0px 2px;
  cursor: pointer;
}

.ajax-table-page-button:hover {
  background-color: #CCC;
}

.ajax-table-row-even {
  background-color: #F9F9F9;
}

.ajax-table-row-odd {
  background-color: #FFF;
}