/* Copyright (C) 2007-2015 Bristle Software, Inc.
*  
*  This program is free software; you can redistribute it and/or modify
*  it under the terms of the GNU General Public License as published by
*  the Free Software Foundation; either version 1, or (at your option)
*  any later version.
*  
*  This program is distributed in the hope that it will be useful,
*  but WITHOUT ANY WARRANTY; without even the implied warranty of
*  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
*  GNU General Public License for more details.
*  
*  You should have received a copy of the GNU General Public License
*  along with this program; if not, write to the Free Software
*  Foundation, Inc.
*/

/******************************************************************************
* com_bristle_jslib_css_Styles.css
*******************************************************************************
* Purpose:  
*       CSS stylesheet for the Bristle Software JavaScript Library
* Usage:
*       - The typical scenario for using this file is...
*               <link rel='stylesheet' 
*                     type='text/css' 
*                     href='com_bristle_jslib_css_Styles.css'>
*         ... Use stylesheet like any other CSS stylesheet ...
* Assumptions:
*       - None.
* Effects:
*       - None.
* Anticipated Changes:
* Notes:
* Implementation Notes:
* Portability Issues:
* Revision History:
*   $Log$
******************************************************************************/

/******************************************************************************
* Dynamic hyperlink "pseudo-classes".
* Note:  Don't change the order of these.  The later rules override the 
*        earlier rules when multiple rules apply.  It makes sense to list
*        the most short-lived states of a hyperlink last.
******************************************************************************/
/* Hyperlink that hasn't been recently visited.
*/
a:link {
        /* Comment out to not override the application settings.
           These are really here only as an example for the application 
           developer to cut/paste.
        color:#FF6600;
        */
        }
/* Recently visited hyperlink.
*/
a:visited {
        /* Comment out to not override the application settings.
           These are really here only as an example for the application 
           developer to cut/paste.
        color:#800000;
        */
        }
/* Hyperlink that has the keyboard focus.  User could now hit Enter to 
*  click on it.
*/
a:focus {
        /* Comment out to not override the application settings.
           These are really here only as an example for the application 
           developer to cut/paste.
        background:yellow;
        */
        }
/* Hyperlink that has the keyboard focus and the user is currently hovering
*  over it.  Not sure if this is useful, but such combinations are possible.
*/
focus:hover { 
        /* Comment out to not override the application settings.
           These are really here only as an example for the application 
           developer to cut/paste.
        background:white;
        */
        }
/* Hyperlink being hovered over.  Feedback to the user that he has the 
*  mouse positioned properly and can click now.
*/
a:hover {
        /* Comment out to not override the application settings.
           These are really here only as an example for the application 
           developer to cut/paste.
        font-weight:bold;
        */
        }
/* Hyperlink being clicked on.  Mouse is down, and not yet back up.  
*  Feedback to the user that he has clicked on the right thing and can 
*  release now.
*/
a:active {
        /* Comment out to not override the application settings.
           These are really here only as an example for the application 
           developer to cut/paste.
        font-weight:bolder;
        */
        }

/******************************************************************************
* General purpose utility rules:  visibility, cursor shapes, colors, etc.
******************************************************************************/

/* Visible and invisible.  Can be changed on the fly.
*/
.com_bristle_jslib_css_Styles_visible {
        display:inline;
        }
.com_bristle_jslib_css_Styles_invisible {
        display:none;
        }

/* Clickable elements.  Show a hand cursor.
*/
.com_bristle_jslib_css_Styles_clickable {
        cursor:pointer;
        cursor:hand;    /* Note:  Need both, and in this order, to support 
                                  IE 5.0 and 5.5, which supported the 
                                  IE-specific "hand" but not the standard 
                                  "pointer".
                        */
}

/* Colors
*/
.com_bristle_jslib_css_Styles_red {
        color:red;
        }
.com_bristle_jslib_css_Styles_green {
        color:green;
        }

/******************************************************************************
* Rules common to many application pages, generally ordered highest level first 
* (page before tables, before buttons), and top of page to bottom of page
* (title before prompts, before text fields, before buttons, before status).
******************************************************************************/

/* Body of the entire HTML document.
*/
body.com_bristle_jslib_css_Styles_standardBody {
        background-color:white;
        }

/* Title at the top of a page.
*/
td.com_bristle_jslib_css_Styles_titleTD {
        vertical-align:middle;
        text-align:left;
        }
span.com_bristle_jslib_css_Styles_titleSpan {
        font-family:Verdana,"Trebuchet MS",Arial;
        font-size:18pt;
        text-align:left;
        color:blue;
        }

/* Prompt to the left of an input field.
*  Prompt and input field are each in a TD.
*/
td.com_bristle_jslib_css_Styles_promptLeftTD {
        text-align:right;
        vertical-align:top;
        font-weight:bold;
        color:black;
        }

/* Prompt above an input field.
*  Prompt and input field are typically free text separated by a BR.
*/
span.com_bristle_jslib_css_Styles_promptAboveSpan {
        font-weight:bold;
        color:black;
        }

/* Centered table cells.
*/
td.com_bristle_jslib_css_Styles_horizCenterTD {
        text-align:center;
        }

/* Label of a checkbox.
*/
label.com_bristle_jslib_css_Styles_checkboxLabel {
        }

/* Label of a radio button.
*/
label.com_bristle_jslib_css_Styles_radioLabel {
        }

/* Spacers used to control layout.
*/
td.com_bristle_jslib_css_Styles_verticalSpacerTD {
        height:10;
        }
td.com_bristle_jslib_css_Styles_horizontalSpacerTD {
        width:20;
        }
td.com_bristle_jslib_css_Styles_wideHorizontalSpacerTD {
        width:20;
        }
br.com_bristle_jslib_css_Styles_verticalSpacerBR {
        height:20;  /* The "height" attribute is ignored on BR elements.
                    *  Therefore, this spacer is always the same height.
                    */
        }

/* Textbox with its contents right-aligned.
*/
input.com_bristle_jslib_css_Styles_rightAlignInput {
        text-align:right;
        }

/* Standard command buttons.
*/
button.com_bristle_jslib_css_Styles_standardButton {
/*        height:30;
*         font-weight:bold;
*         font-size:9pt;
*/
        width:120;
        }
button.com_bristle_jslib_css_Styles_standardWideButton {
/*        height:30;
*         font-weight:bold;
*         font-size:9pt;
*/
        width:180;
        }
button.com_bristle_jslib_css_Styles_standardExtraWideButton {
/*        height:30;
*         font-weight:bold;
*         font-size:9pt;
*/
        width:260;
        }

/* Inactive flags for data in a long report.  Should be eye-catching.
*/
td.com_bristle_jslib_css_Styles_inactiveTD {
        font-weight:bold;
        color:red;
        }

/* Alternating colors for even and odd rows of reports.
*/
td.com_bristle_jslib_css_Styles_rowEvenTD {
        background-color:antiquewhite;
        }
td.com_bristle_jslib_css_Styles_rowOddTD {
        background-color:#C6CED6;
        }

/* Table cells used to show the totals of columns.
*/
td.com_bristle_jslib_css_Styles_columnTotalTD {
        text-align:left;
        font-weight:bold;
        }

/* Status line used for informing the user of progress during long operations.
*  Should be eye-catching so user doesn't think things have stalled out.
*/
div.com_bristle_jslib_css_Styles_statusLineDiv {
        text-align:center;
        color:red;
        }
        
/* Warning message (not error message).  Should be somewhat eye-catching.
*/
div.com_bristle_jslib_css_Styles_warningMessageDiv {
        font-weight:bold;
        color:green;
        }

/* Error message.  Should be eye-catching.
*/
div.com_bristle_jslib_css_Styles_errorMessageDiv {
        font-weight:bold;
        color:red;
        }

/******************************************************************************
* MsgBox page
******************************************************************************/

/* Body of the entire HTML document in the MsgBox window.  Can be overridden
*  with a style in an application-specific CSS file, to cause the MsgBox to
*  match the application color scheme.
*/
body.com_bristle_jslib_css_Styles_msgBoxBody {
        background-color:white;
        }

/******************************************************************************
* Other specific page
******************************************************************************/

/* Body of a specific page.
*/
body.com_bristle_jslib_css_Styles_specificPageBody {
        background-color:white;
        color:black;
        font-family:Verdana,"Trebuchet MS",Arial;
        font-size:12pt;
        font-weight:bold;
        text-align:center;
        }