﻿
/*--------------------------------------------------------------------------------------------*/
/* ASP Controls, referenced through skin files
/*--------------------------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------------------------*/
/* Common controls, elements, etc. /*
/*--------------------------------------------------------------------------------------------*/
.aspTextBox
{
    border: 0.5px solid #CCCCCC;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
}
.settingsMenuCell
{
    background-color: #CFD6CB;
    vertical-align: top;
}
.settingsMenuPanel
{
   background-color: #CFD6CB;
}
.settingsSelectedMenuPanel
{
    background-color: #FFFFFF;
}
.settingsMenuLink
{
    color: #759963;
    font-weight: bold;
    font-size: 10pt;
    text-decoration: none;
}
.settingsSelectedMenuLink
{
    color: #759963;
    font-weight: bold;
    font-size: 10pt;
    text-decoration: none;
}
.settingsTitlePanel
{
    color: #CFD6CB;
    background-color: #759963;
    font-weight: bold;
    font-size: 10pt;
    text-decoration: none;
    vertical-align: middle;
}
.settingsTitlePanelTable
{
    vertical-align: middle;
}
.messageTable
{
    width:100%;
}
.messageTitleCell
{
    background-color: #FFFF99;
    font-weight: bold;
    text-align: center;
}
/*--------------------------------------------------------------------------------------------*/
/*.reorder */
.reorderCategoryPanel
{
    background-color: #759963;
    font-size: 10pt;
    font-weight: bold;
    color: #CFD6CB;
    vertical-align:middle;
}

/*--------------------------------------------------------------------------------------------*/
/* .modal formats the modal popups found throughout the site. */
/* Background (BackgroundCssClass property) formats how the page looks behind the modal popup (greyed out, etc.) */
.modalBackground
{
    background-color: #CCCCCC;
    filter: alpha(opacity=70);
    opacity: 0.7;
}
.modalErrorBackground
{
    background-color: #CCCCCC;
    filter: alpha(opacity=100);
    opacity: 100;
}

/*--------------------------------------------------------------------------------------------*/
/* The .hover properties format panels for the AJAX HoverMenu, like the one on the Review page */
/* MenuHover formats the panel when the user hovers of it to make it look "hot" */
.hoverMenuHover
{
    background-color: #CFD6CB;
}
/* MenuHoverPanel formats the panel that holds the menu that appears when hovering */

.hoverMenuHoverPanelLinks
{
    text-decoration: none;
    color: #FFFFFF;
}
/*--------------------------------------------------------------------------------------------*/
/* .suggestionPanel */
.suggestionPanel
{
    background-color: #CCCC7A;
    width: 98%;
}

/*--------------------------------------------------------------------------------------------*/
/* search */
.searchResultsHeader
{
    background-color: #759963;
    color: #CFD6CB;
    font-weight: bold;
}
.searchResultsTitlePanel
{
    height:20px;
    color: #CFD6CB;
    background-color: #759963;
    font-weight: bold;
    text-decoration: none;
}