/*
 * Copyright 2010 Google Inc.
 * 
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not
 * use this file except in compliance with the License. You may obtain a copy of
 * the License at
 * 
 * http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
 * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
 * License for the specific language governing permissions and limitations under
 * the License.
 */
@def selectionBorderWidth 2px;

/*
  Add the @external flag to tell GWT compiler to NOT obfuscate the cellTable* classes (all of them).
  This allows for theme-driven overrides in external CSS files. Treat these styles as defaults.
  Themed overrides should be set in mantleCrystal.css/mantleOnyx.css/...
*/
@external .cellTable*;

.cellTableWidget {
  background-color: white;
  font-size: .7em;
  border-bottom: 1px solid #6f7277;
}

.cellTableFirstColumn {

}

.cellTableLastColumn {

}

.cellTableFooter {
  border-top: 2px solid #6f7277;
  padding: 3px 15px;
  text-align: left;
  color: #4b4a4a;
  text-shadow: #ddf 1px 1px 0;
  overflow: hidden;
}

.cellTableHeader {
  padding: 3px 15px;
  text-align: left;
  color: white;
  overflow: hidden;
}

.cellTableCell {
  padding: 2px 10px;
  overflow: hidden;
  text-align: left;
}

.cellTableFirstColumnFooter {

}

.cellTableFirstColumnHeader {

}

.cellTableLastColumnFooter {

}

.cellTableLastColumnHeader {

}

.cellTableSortableHeader {
  cursor: pointer;
  cursor: hand;
}

.cellTableSortableHeader:hover {
  color: #dfdfdf;
}

.cellTableSortedHeaderAscending {

}

.cellTableSortedHeaderDescending {

}

.cellTableEvenRow {
  background: #ffffff;
}

.cellTableEvenRowCell {
  border: selectionBorderWidth solid #ffffff;
}

.cellTableOddRow {
  background: #f0f0f0;
}

.cellTableOddRowCell {
  border: selectionBorderWidth solid #f0f0f0;
}

.cellTableHoveredRow {
  background: #cbefa3;
}

.cellTableHoveredRowCell {
  border: selectionBorderWidth solid #cbefa3;
}

.cellTableKeyboardSelectedRow {
  background: #BEBEBE;
}

.cellTableKeyboardSelectedRowCell {
  border: selectionBorderWidth solid #BEBEBE;
}

.cellTableSelectedRow {
  background: #BEBEBE;
  color: white;
  height: auto;
  overflow: auto;
}

.cellTableSelectedRowCell {
  border: selectionBorderWidth solid #BEBEBE;
}

/**
 * The keyboard selected cell is visible over selection.
 */
.cellTableKeyboardSelectedCell {
}

.cellTableLoading {
  margin: 30px;
}
