/*
    These apply to lists of information such as the referral list, orders list, and lists in the Admin Center.
*/
table.listTable
{
    border-spacing: 0px;
    border: 1px solid black;
    border-collapse: collapse;
}
.narrowTable
{
    width: 600px;
}
.wideTable
{
    width: 90%;
}
table.listTable tr.headerRow
{
    background-color: #DDDDDD;
    font-size: 10pt;
    font-weight: bold;
}
table.listTable td.headerCol
{
    background-color: #DDDDDD;
    font-size: 10pt;
    font-weight: bold;
}
table.listTable tr.dataRow
{
    background-color: #EEEEEE;
    font-size: 9pt;
}
table.listTable td.dataCol
{
    background-color: #EEEEEE;
    font-size: 9pt;
}
table.listTable td
{
    padding: 3px;
    border: 1px solid black;
}





/*
    These apply to the appearance of the Admin Center table.
*/
table.adminTable
{
    width: 1300;
    border-collapse: collapse;
}
table.adminTable td.avoidBug
{
    vertical-align: top;
    padding: 0px;
}
table.adminTable td.sideBar
{
    width: 200px;
}
table.adminTable td.content
{
    padding-left: 10px;
}

div.box
{
    border: 1px solid black;
    padding: 3px;
    font-size: 9.5pt;
    margin-bottom: 4px;
    text-align: left;
    width: 200px;
    color: black;
}

.sideBar a:hover {
text-decoration: underline;
}
.sideBar a:link {
text-decoration: none;
}
.sideBar a:visited {
text-decoration: none;
}




/*
    These apply to the appearance of the message/error boxes. They are used, for example, on the My Account page to separate the status and update form, as well as alone on error and notice pages. They are actually two divs with the title on top of the content div.
*/
div.messageBoxTitle
{
    padding: 3px;
    border-left: 1px solid black;
    border-right: 1px solid black;
    border-top: 1px solid black;
    text-align: center;
    background-color: #DDDDDD;
    font-weight: bold;
    font-size: 10pt;
    
}
div.messageBoxContent
{
    padding: 3px;
    border: 1px solid black;
    background-color: #EEEEEE;
    text-align: left;
    font-size: 9pt;
}




/*
    These apply to the appearance of the boxes used to show Offers and Gifts on the Earn Points and Points Store pages respectively.
*/
table.imageTable
{
    width: 100%;
}
td.imageTableTD
{
    border: 1px solid black;
    padding: 0px;
    background-color: #DDDDDD;
}
table.imageTable td.blank
{
    background-color: white;
    border: 0px;
}
div.imageTableTitle
{
    padding: 4px;
    text-align: center;
    background-color: #CCCCCC;
    font-size: 10pt;
    font-weight: bold;
    border-bottom: 1px solid black;
}
div.imageTableFooter
{
    padding: 3px;
    text-align: center;
    background-color: #CCCCCC;
    font-size: 7.5pt;
    font-weight: bold;
    border-top: 1px solid black;
}
div.imageTableContent
{
    padding: 5px;
    background-color: #DDDDDD;
    font-size: 7.5pt;
    text-align: justify;
}

.imageTableContent img
{
    margin-bottom: 5px;
    margin-top: 2px;
}