/**
 * 2011-07-18: this is TOTALLY COPIED from DataTable.css
 * in the SQSAWSConsoleWebsiteContent package 	
 * This is our custom AWS Console CellTable style.
 */

@def selectionBorderWidth 2px;
@def headerTextColor #3A3A3A;
@def headerBorderColor #CBCBCB;
@def cellBorderWidth 1px;
@def vCellPadding 6px;
@def hCellPadding 10px;

.cellTableWidget {
    border-collapse: collapse;
    empty-cells: empty;
    border-spacing: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: inherit;
    border-left: cellBorderWidth solid headerBorderColor;
}

.cellTableFirstColumn {

}

.cellTableLastColumn {

}

.cellTableFooter {
    /*
      background: url("https://images-na.ssl-images-amazon.com/images/G/01/webservices/console/data_table_column_header_bg.png") repeat-x scroll 0 0 #D8D8DA;
      */
    font-weight: bold;
    text-decoration: none;
    vertical-align: bottom;
    color: headerTextColor;
    border-color: headerTextColor headerBorderColor headerBorderColor headerTextColor;
    border-style: none solid solid none;
    border-width: 0 cellBorderWidth cellBorderWidth 0;
    margin: 0;
    padding: vCellPadding hCellPadding;
    text-align: left;
    overflow: hidden;
}

.cellTableHeader {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    font-style: normal;
    background: url("https://images-na.ssl-images-amazon.com/images/G/01/webservices/console/data_table_column_header_bg.png") repeat-x scroll 0 0 #D8D8DA;
    vertical-align: bottom;
    color: headerTextColor;
    border-color: headerTextColor headerBorderColor headerBorderColor headerTextColor;
    border-style: none solid solid none;
    border-width: 0 cellBorderWidth cellBorderWidth 0;
    margin: 0;
    padding: 0;
    text-align: left;
    overflow: hidden;
}

.cellTableCell {
    border-color: headerTextColor headerBorderColor headerBorderColor headerTextColor;
    border-style: none solid solid none;
    border-width: 0 cellBorderWidth cellBorderWidth 0;
    margin: 0;
    padding: vCellPadding hCellPadding;
    text-align: left;
    overflow: hidden;
    font-size: 12px;
    color: #333;
    font-family: Arial, Helvetica, sans-serif;
}

.cellTableFirstColumnFooter {

}

.cellTableFirstColumnHeader {

}

.cellTableLastColumnFooter {

}

.cellTableLastColumnHeader {

}

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

.cellTableSortableHeader:hover {
    color: #6c6b6b;
}

.cellTableSortedHeaderAscending {

}

.cellTableSortedHeaderDescending {

}

.cellTableEvenRow {
    background: #ffffff;
}

.cellTableEvenRowCell {
}

.cellTableOddRow {
    background: #ffffff;
}

.cellTableOddRowCell {

}

.cellTableHoveredRow {
    background: #ffffdd;
}

.cellTableHoveredRowCell {

}

.cellTableKeyboardSelectedRow {

}

.cellTableKeyboardSelectedRowCell {

}

.cellTableSelectedRow {
    color: #000000;
    height: auto;
    overflow: auto;
}

.cellTableSelectedRowCell {
    background: #eaf3fe;
}

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

}

.cellTableLoading {
    margin: 30px;
}

.resizableCellTableResizeHandle {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 4px;
    cursor: col-resize;
}

.cellTableLastColumnHeader .resizableCellTableResizeHandle {
    width: 0px;
    cursor: default;
}

.resizableCellTableHeader {
    position: relative;
    padding: vCellPadding hCellPadding;
    white-space: nowrap;
}

.scrollableTableBody {
    display: block;
    overflow: auto;
}