/* Copyright (c) 2003 by SAS Institute Inc., Cary, NC, USA. All Rights Reserved.
 *
 * Stylesheet for WebDoc User Interface
 *
 * Directions for use:
 *     Change the style classes or properites listed below to have the corresponding WebDoc user interface components update
 *     with new fonts, colors, and/or spacing.  Also, please review all images in the 'themes/default/images' directory
 *     to see if they need to be updated as well.
 *
 * Common properties - Common properties used by multiple UI components in WebDoc
 * Common frame properties - Frame properties used by a couple of the view pages.
 * Banner properties - Properites used by the banners on the Documentation and Navigation windows
 *     body.icon - Style class used to control the background color and link colors of the Documentation and Navigation window banners
 *     .button; A.button; TD.button - Style class used to control the foreground, background, and link colors as well as padding for 
 *                                    the Contents, Index, and Search tabs on the Navigation frame and an extra TD tag on the right-side
 *                                    of the Navigation frame used for proper spacing.
 *     TD.docGotoButton - Style class used to control colors and padding for the 'Go to:' label at the top of the Documentation window.
 *     .highlight; TD.highlight - Style class used to control the highlight colors of the Contents, Index, and Search tabs on the Navigation window 
 *     TD.vertical_bar - Style class used to control the background color for the vertical pipes in-between the All Topics and
 *                       Product Topics (when applicable) links on the Documentation frame and in-between the Contents, Index, and Search
 *                       tabs on the Navigation frame
 *     TD.system_banner - Style class used to control the background color for the All Topics banner at the top of the Documentation window.
 *     TD.product_banner - Style class used to control the background color for the Application Topics banner (when applicable) at the top of
 *                         the Documentation window.
 *     .contentsbutton; A.contentsbutton; TD.contentsbutton - Style class used to control the foreground, background, and link colors as
 *                                                            well as padding for the All Topics and Application Topics (when applicable)
 *                                                            links on the Documentation window and the links which go to the different contents
 *                                                            on the Navigation window labeled with 'Go to:'.
 *     .jcgiProductLabel; A.jcgiProductLabel - Style class used to control the colors of the link to the application contents only on
 *                                             navicons.jcgi.  NOTE: JSP version of WebDoc does not use this style class.
 *     FONT.systemLabelColoring - Style class used for the system contents label.
 *     FONT.productLabelColoring - Style class used for the application contents label.
 * Goto panel properties - Properties used exclusivley on the goto panel
 *     body.goto_body_background - Style class used to control the background color for the goto dialog box.
 *     td.current_doc_label_background - Style class used to control the background color for the 'Current Document' label.
 *     td.goto_doc_label_background - Style class used to control the background color for the 'Go to document' label.
 *     font.current_doc_label - Style class used to control the font color for the 'Current Document' label.
 *     font.current_doc_page - Style class used to control the font color for the current document page.
 *     font.goto_doc_label - Style class used to control the font color for the 'Go to document' label.
 * Search panel properties - Properties used exclusively on the search panel
 *     body.search_body - Style class used to control the background color for the search panel.
 *     .actionbutton; A.actionbutton - Style class used to control the appearance of the 'Select All' button.
 *     tr.search_for - Style class used to control the background color for the 'Search for' section of the Search panel.
 *     tr.search_divider - Style class used to control the background color and height of the divider between the 'Search for' and entry components.
 *     td.results_number_highlight - Style class used to control the background color and appearance of the highlight surrounding the
 *                                   results numbers.
 *     font.results_number - Style class used to control the color for the results numbers.
 *     td.results_highlight - Style class used to control the background color and appearance of the highlight surrounding the actual
 *                            search results link.
 */

/*
 * Common properties
 */
td {
    font-family: Trebuchet MS, sans-serif, Verdana, Arial, Helvetica;
    white-space: nowrap;
}

a {
    font-family: Trebuchet MS, sans-serif, Verdana, Arial, Helvetica;
    border: none;
    border-width: 0px;
}

p {
    font-family: Trebuchet MS, sans-serif, Verdana, Arial, Helvetica;
}

form {
    font-family: Trebuchet MS, sans-serif, Verdana, Arial, Helvetica;
}

body {
    font-family: Trebuchet MS, sans-serif, Verdana, Arial, Helvetica;
}

table {
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;

    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}

/*
 * Common frame properties
 */
frame.view {
    margin: -2;
    padding: 0;
}

/*
 * Banner properties
 */
body.icon {
    background-color: #003399;
    active: #FFFFE0;
    visited: #003399;
    link: #003399;
}

.button {
    color: #FFF;
    text-decoration: none;
}
A.button:link { color: #FFF; }
A.button:active { color: #FFF; }
A.button:visited { color: #FFF; }

TD.button {
    color: #FFF;
    background-color: #003399;
    padding-top: 2px;
    padding-right: 6px;
    padding-bottom: 2px;
    padding-left: 4px;
}

TD.docGotoButton {
    color: #DBCFA6;
    background-color: #003399;
    padding-top: 3px;
    padding-right: 6px;
    padding-bottom: 2px;
    padding-left: 4px;
}

.highlight {
    color: #996600;
    text-decoration: none;
}

TD.highlight {
    background-color: #F1EACB;
    padding-top: 2px;
    padding-right: 6px;
    padding-bottom: 2px;
    padding-left: 4px;
}

TD.vertical_bar {
    background-color: #426FBC;
}

TD.system_banner {
    background-color: #F1EACB;
}

TD.product_banner {
    background-color: #426FBC;
}

.contentsbutton {
    color: #FFF;
}
A.contentsbutton:link { color: #FFF; }
A.contentsbutton:active { color: #FFF; }
A.contentsbutton:visited { color: #FFF; }

TD.contentsbutton {
    color: #FFF;
    background-color: #003399;
    padding-top: 4px;
    padding-right: 6px;
    padding-bottom: 2px;
    padding-left: 4px;
}

.jcgiProductLabel {
    color: #003399;
}
A.jcgiProductLabel:link { color: #003399; }
A.jcgiProductLabel:active { color: #003399; }
A.jcgiProductLabel:visited { color: #003399; }

FONT.systemLabelColoring {
    color: #996600;
}

FONT.productLabelColoring {
    color: #DBCFA6;
}

/*
 * Goto panel properties
 */
body.goto_body_background {
    background-color: #DCDCDC;
}

td.current_doc_label_background {
    background-color: #003399;
}

td.goto_doc_label_background {
    background-color: #DCDCDC;
}

font.current_doc_label {
    color: #FFFFE0;
}

font.current_doc_page {
    color: #DCDCDC;
}

font.goto_doc_label {
    color: #003399;
}

/*
 * Search panel properties
 */
body.search_body {
    padding: 0px;
    margin: 0px;
}

.actionbutton { color: #000000;
                text-decoration: none; }
A.actionbutton:link { color: #000000; }
A.actionbutton:active { color: #003399; }
A.actionbutton:visited { color: #000000; }
                
tr.search_for {
    background-color: #FAF8ED;
}

tr.search_divider {
    height: 1;
    background-color: #CFCBB1;
}

td.results_number_highlight {
    background-color: #F1EACB;
    align: center;
    valign: top;
}

font.results_number {
    color: #808080;
}

td.results_highlight {
    background-color: white;
    align: left;
    valign: top;
}