/* Formatting for Vendors List */
.scrollTable {
    width: 676px;
    border-collapse: collapse;
    height:100%;
}

.scrollTable td {
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
}

.scrollTable td.preferedVendor {
    background-color: #dbe9dd;
    border-bottom: 1px solid #FFFFFF;
}

.scrollTable td.standardVendor {
    border-left: 1px solid #FFFFFF;
}

.scrollTable td.indicator {
    font-size: 18px;
    text-align: center;
}

.vendorName {
    font-weight: bold;
}

a.preferedVendor {
    font-size: 14px;
    font-weight: bold;
    color: #d30000;
    text-decoration: none;
}

a.preferedVendor:hover {
    color: #FF7777;
}

/* define height and width of scrollable area. Add 16px to width for scrollbar          */
div.tableContainer {
    border: 0;
    height: 450px;
    overflow: auto;
    width: 676px;
    overflow: hidden;
    padding-bottom: 30px;
}

/* Non-IE browsers need an extra column to take care of spacing problems                 */
div.tableContainer th.spacer {
    background-color: #FFFFFF;
    border: 1px solid #FFFFFF;
    width: 14px;
}

div.tableContainer td.spacer {
    background-color: #FFFFFF;
    border: 1px solid #FFFFFF;
    width: 14px;
}

/* set table header to a fixed position. WinIE 6.x only                                       */
/* In WinIE 6.x, any element with a position property set to relative and is a child of       */
/* an element that has an overflow property set, the relative value translates into fixed.    */
/* Ex: parent element DIV with a class of tableContainer has an overflow property set to auto */
thead.fixedHeader tr {
    position: relative;
}

/* make the TH elements pretty */
thead.fixedHeader th {
    font-weight: bold;
    padding: 5px 3px;
    text-align: left;
    font-family: Arial;
    font-size: 10px;
    text-align: center;
    background-color: #dbe9dd;
    width: auto;
    border-right: 1px solid #FFFFFF;
    border-bottom: 1px solid #dbe9dd;
}

thead.fixedHeader th.spacer {
    display: none;
}

thead.fixedHeader th.vendorName {
    background-color: transparent;
}

/* define the table content to be scrollable                                              */
/* set TBODY element to have block level attributes. All other non-IE browsers            */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
/* induced side effect is that child TDs no longer accept width: auto                     */
html>body tbody.scrollContent {
    display: compact;
    height: 450px;
    overflow-y: scroll;
    overflow-x: hidden;
    width: auto;
}

/* make TD elements pretty. */
tbody.scrollContent td {
    padding: 2px 3px 3px 4px;
    width: auto;
}

.alternateRow {
    background-color: #eeeeee;
}