/* ***************************************************************************
    *                                                                           *
    *   Name:        master.css                                                 *
    *                                                                           *
    *   Description: A master Cascading Style Sheet (CSS).  This CSS file       *
    *                contains the styles required for the J. Damon & Co.        *
    *                Application Architecture (JDA2).                           *
    *                                                                           *
    *   Author:      Jay Damon                                                  *
    *   Version:     2.0                                                        *
    *                                                                           *
    *****************************************************************************
    *                                                                           *
    *   A class name may contain characters a-z, A-Z, digits 0-9, period,       *
    *   hyphen, escaped characters, Unicode characters 161-255, as well as      *
    *   any Unicode character is specified as a numeric code, however, a        *
    *   class may not start with a dash or a digit.                             *
    *                                                                           *
    *****************************************************************************
    *                                                                           *
    *   The following style attributes are not compatible with Netscape 4 and   *
    *   Internet Explorer 4:                                                    *
    *                                                                           *
    *   height             - Requires version greater than 4                    *
    *   overflow           - Requires version 6+                                *
    *   vertical-alignment - Requires version 6+                                *
    *                                                                           *
    *   These attributes are specified to provide additional control in the     *
    *   browsers that support them.  These attributes are ignored in browsers   *
    *   that do NOT support them.                                               *
    *                                                                           *
    *****************************************************************************
    *                                                                           *
    *   Reference:  http://www.w3.org/TR/CSS2/sample.html                       *
    *                                                                           *
    *************************************************************************** */  
    
   /* ***************************************************************************
    *                                                                           *
    *   Master stylesheet reset styles.                                         *
    *                                                                           *
    *   Reference:  http://developer.yahoo.com/yui/reset/                       *
    *                                                                           *
    *************************************************************************** */  

    html {
        color: #000;
        background: #FFF;
    }

    body,
    div,
    dl,
    dt,
    dd,
    ul,
    ol,
    li,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    pre,
    code,
    form,
    fieldset,
    legend,
    input,
    button,
    textarea,
    p,
    blockquote,
    th,
    td {
        margin: 0;
        padding: 0;
    }

    table {
        border-collapse: collapse;
        border-spacing: 0;
    }

    fieldset,
    img {
        border: 0;
    }

    address,
    caption,
    cite,
    code,
    dfn,
    em,
    strong,
    th,
    var,
    optgroup {
        font-style: inherit;
        font-weight: inherit;
    }

    del,
    ins {
        text-decoration: none;
    }

    li {
        list-style: none;
    }

    caption,
    th {
        text-align: left;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-size: 100%;
        font-weight: normal;
    }

    q:before,
    q:after {
        content: '';
    }

    abbr,
    acronym {
        border: 0;
        font-variant: normal;
    }

    sup {
        vertical-align: baseline;
    }

    sub {
        vertical-align: baseline;
    }

    legend {
        color: #000;
    }

    input,
    button,
    textarea,
    select,
    optgroup,
    option {
        font-family: inherit;
        font-size: inherit;
        font-style: inherit;
        font-weight: inherit;
    }

    input,
    button,
    textarea,
    select {
        *font-size: 100%;
    }

   /* ***************************************************************************
    *                                                                           *
    *   jQuery styles                                                           *
    *                                                                           *
    *************************************************************************** */  
    
	div.ui-widget
	{
		font-size        : 13px;       /* Internet Explorer requires "px" NOT "em"! */
	}
	

	div.ui-dialog-titlebar             /* jQuery UI dialog style */
	{
		overflow         : hidden;     /* Required for Google Chrome; and occasionally other dialogs */
	}
	

   /* ***************************************************************************
    *                                                                           *
    *   Master stylesheet default styles.                                       *
    *                                                                           *
    *************************************************************************** */  
    
    body
    {
    /*
        background       : url(/image/wallpaper.png) repeat; 
        background-color : #FFFFFF;
        color            : #000000;     
    */      
        margin           :   0;
        border           :   0;
        padding          :   0;
        width            : 100%;
        height           : 100%;
        font-family      : 
                           Verdana    , 
                           Arial      ,
                           Tahoma     , 
                           sans-serif ;
		font-weight      : normal;
        font-size        : 0.8em;        
        font-size        : 13px;
    }

	body.no-script       /* If JavaScript is disabled */
	{
		display          : block;
		overflow         : hidden;
	}

    div
    {
        margin           :   0;
        border           :   0;
        padding          :   0;
        white-space      : normal;
    }

    p 
    { 
        font-size        : 1.0em; /* em okay */
    } 

    table
    {
        margin           :   0;
        border           :   0;
        padding          :   0;
        border-collapse  : collapse;
        border-spacing   :   0; 
    }

    th                   /* Size same as body */
    {
       
        padding          :   6px 15px;
        text-align       : left; 
        font-weight      : bold; 
        font-size        : 1.1em;          /* Arial, Tahoma */
        font-size        : 0.9em;          /* Verdana */
        font-size        : 13px;
        white-space      : nowrap;  
    }
    
    td                   /* Size same as body */
    {
       
        padding          :   4px 10px;
        font-size        : 1.0em;          /* Arial, Tahoma */
        font-size        : 0.8em;          /* Verdana */
        text-align       : center; 
        font-weight      : normal; 
        font-size        : 13px;
    }
    
    hr
    {
        margin           :   0;
        padding          :   0;
    }

    h1 
    { 
        font-size        : 2.0em; 
        font-size        :  22px;
    } 
         
    h2 
    { 
        font-size        : 1.8em; 
        font-size        :  20px;
    } 
         
    h3 
    { 
        font-size        : 1.6em; 
        font-size        :  18px;
    } 
         
    h4 
    { 
        font-size        : 1.4em; 
        font-size        :  16px;
    } 
         
    h5 
    { 
        font-size        : 1.2em; 
        font-size        :  15px;
    } 
         
    h6
    { 
        font-size        : 1.0em; 
        font-size        :  14px;
    } 
    
    
   /* ***************************************************************************
    *                                                                           *
    *   Master stylesheet anchor styles.                                        *
    *                                                                           *
    *************************************************************************** */  
    
   	a:link              
   	{ 
   		color            : blue; 
   		text-decoration  : underline; 
   	}
	
	a:visited           
	{ 
		color            : purple; 
		text-decoration  : underline; 
	}
	    
	a:hover             
	{ 
    	background-color : #F5F5F5;            /* White Smoke */
    	border           : 1px solid #DCDCDC;  /* Light Grey  */
	}
	
	a:active            
	{ 
		color            : red; 
		text-decoration  : underline; 
	}
	
	a.className:link     /* NOT used! */
	{ 
   		color            : blue; 
		text-decoration  : none; 
	}
	
	a.className:visited 
	{ 
		color            : purple; 
		text-decoration  : none; 
	}
	
	a.className:hover   
	{ 
    	background-color : #F5F5F5;            /* White Smoke */
    	border           : 1px solid #DCDCDC;  /* Light Grey  */
	}
	
	a.className:active  
	{ 
		color            : red; 
		text-decoration  : none; 
	}

         
   /* ***************************************************************************
    *                                                                           *
    *   Master stylesheet page, i.e. NO overflow, styles.                       *
    *                                                                           *
    *************************************************************************** */  

   
    html.page                             /* IE declaration - See: ie.css */
    {
    /*  overflow         : hidden;  */       
    }

    body.page
    {
        overflow         : hidden;        /* Page width/height=100%; By definition, NO scrolling allowed. */
    }

    div.page
    {
        position         : absolute;
        top              :   0;
        height           : 100%;
        left             :   0;
        width            : 100%;
        overflow         : auto;        
    }

    table.page
    {
        width            : 100%;
        height           : 100%;
    }

    #header 
    {
        position         : absolute;
        top              :   0;
        height           :  10%;
        left             :   0;
        width            : 100%;
        text-align       : center;
    /*
        background-color : red;
        background-color : #FFD2D2;
    */
    }

    #content 
    {
        position         : absolute;
        top              :  10%;
        height           :  80%;
        left             :   0;
        width            : 100%;
        overflow         : auto;

    /*
        background-color : transparent;
        background-color : white;
        background-color : #FFFFFF;
        color            : black;

        overflow-x       : hidden;
        overflow-y       : auto;

        border           : 1px black solid;
    */
    }

    #footer 
    {
        position         : absolute;
        top              :  95%;
        height           :   5%;
        top              :  90%;
        height           :  10%;
        left             :   0px;
        width            : 100%;
        text-align       : center;
    /*
        background-color : blue;
        background-color : #D0D3FF;
    */
    }

   /* **************************************************************************
    *                                                                           *
    *   Master stylesheet application styles.                                   *
    *                                                                           *
    *************************************************************************** */  
    
    /*  IE declaration - See: ie.css  */
    div.center
    {  
        position         : absolute; 
        margin           : auto; 
        text-align       : center;
        top              :   0; 
        bottom           :   0; 
        left             :   0; 
        right            :   0;
        height           :   5%; 
        width            : 100%; 
    }

    /* Height MUST be same as Line-Height! */
    div.center-line
    {
        background-color : green;
        background-color : yellow;
        text-align       : center;
        height           : 100px; 
        line-height      : 100px;  /* Cannot be a percentage! */
    }
    
   /* **************************************************************************
    *                                                                           *
    *   Master stylesheet application table styles.                             *
    *                                                                           *
    *************************************************************************** */  

    th.label             /* Size same as h4 */
    {
       
        padding          :   8px 20px;
        font-weight      : bold; 
        font-size        : 16px;
        text-align       : center; 
        white-space      : nowrap;  
    }
    
    td.label             
    {
    	padding          :   5px 15px;
        font-weight      : bold; 
    	text-align       : left; 
        vertical-align   : top; 
    	white-space      : nowrap;  
    }

    td.label span             
    {
    	cursor           : pointer;
    }

	td.field
    {
        text-align       : left; 
    }
/*
    td.detail
    {
        font-weight      : normal;
    }
*/
    td.text
    {
        text-align       : left; 
    }

    td.number            /* Andale Mono and Monaco fonts do NOT work! */
    {
    /*
        font-family      : Andale Mono ,
                           Monaco      ,
                           Courier New ,
                           Verdana     , 
                           Tahoma      , 
                           Arial       ,
                           sans-serif  ;
    */                         
        text-align       : right; 
        white-space      : nowrap;     /* Prevent breaks between negative signs and numeric values. */
    }

   /* ***************************************************************************
    *                                                                           *
    *   Master stylesheet application form label styles.                        *
    *                                                                           *
    *************************************************************************** */  

    td.label span        /* See: optional / required */
    {
        font-weight      : normal;
    }
/*
    td.label span.optional
    {
        font-weight      : normal;
    }
*/
    td.label span.required
    {
        font-weight      : bold;
    }

    td.label span.error
    {
        color            : red;
        color            : #FF0000;
    }

    td.label span.warning
    {
        color            : yellow;
        color            : #FFFF00;
        color            : orange;
        color            : #FFA500;
    }

   /* ***************************************************************************
    *                                                                           *
    *   Master stylesheet application form input styles.                        *
    *                                                                           *
    *************************************************************************** */  

    input
    {
    /*
        color            : black;
        font-size        : 1.0em;
    */    
        padding          :   2px 4px;
    }

    textarea
    {
    /*
        color            : black;
        font-size        : 1.0em;
    */    
        padding          :   2px 4px;
    }

	input.backgrounds    /* For reference only! */
    {
        background-color : #E0E0E0;  /* jQuery UI   */
        background-color : #E4E4E4;  /* jQuery UI   */
        background-color : #E8E8E8;  /* jQuery UI   */

        background-color : #D4D0C8;  /* Default     */
        background-color : #F0F8FF;  /* Alice Blue  */
    	background-color : #808080;  /* Gray        */
    	background-color : #DCDCDC;  /* Gainsboro   */
    	background-color : #D3D3D3;  /* Light Grey  */
    	background-color : #F5F5F5;  /* White Smoke */
    }

    input.borders        /* For reference only! */
    {
        border           :   0;
        border           :   1px solid red;
    	border           :   1px solid #808080;
    	border-color     : #808080;  /* Gray        */
    	border-color     : #DCDCDC;  /* Gainsboro   */
    	border-color     : #D3D3D3;  /* Light Grey  */
    	border-color     : #F5F5F5;  /* White Smoke */
    }

    input.button
    {
        background-color : #E4E4E4;  /* jQuery UI   */
        margin           :   0 10px;
        padding          :   1px 0 2px;
        font-weight      : bold;
        text-align       : center;
        width            : 100px;
    }

    input.large          /* button */
    {
		padding-left     :  10px;
		padding-right    :  10px;
		width            : auto;
    }

    input.left  		 /* button */
    {
        margin-left      :   0;
    }

    input.text 
    { 
        text-align       : left;
    } 

    input.password
    { 
        text-align       : left;
    } 

    input.number
    { 
        text-align       : right;
    } 

    input.checkbox
    { 
        margin-top       :   6px;      /* For vertical form spacing; Does NOT work in Safari! */
    } 

 	input.radio /* , input.radiobutton */ 
    { 
        margin-top       :   6px;      /* For vertical form spacing; Does NOT work in Safari! */
    } 
/*
    input.optional
    {

    }
*/
    input.required
    {

    }

    input.error 	     /* checkbox, radio work only in Internet Explorer, Opera */
    {
        background-color : #FFD2D2;
        background-color : #FFC0CB;  /* Pink */
        background-color : #FFE4E1;  /* Misty Rose */  
    }

    input.warning        /* checkbox, radio work only in Internet Explorer, Opera */
    {
        background-color : #FAFAD2;  /* Light Goldenrod Yellow */
        background-color : #FFFACD;  /* Lemon Chiffon */
    }

   /* ***************************************************************************
    *                                                                           *
    *   Master stylesheet application form select styles.                       *
    *                                                                           *
    *************************************************************************** */  

    select
    {
    /*
        color            : black;
        font-size        : 1.0em;
    */    
        padding          :   1px; /* Does NOT work in Internet Explorer, Safari */
    }

    select.optional
    {
    
    }

    select.required
    {
    
    }

    select.error
    {
        background-color : #FFD2D2;
        background-color : #FFC0CB;  /* Pink */
        background-color : #FFE4E1;  /* Misty Rose */  
    }

    select.warning
    {
        background-color : #FAFAD2;  /* Light Goldenrod Yellow */
        background-color : #FFFACD;  /* Lemon Chiffon */
	}

   /* ***************************************************************************
    *                                                                           *
    *   Master stylesheet application display/print styles.                     *
    *                                                                           *
    *****************************************************************************   
    *                                                                           *
    *   Note: The display and print styles that follow exist to allow a         *
    *         slightly different version of a page to be printed.  Normally,    *
    *         you should use print / noprint styles to control what appears     *
    *         on a printed page.  However, use the display / nodisplay /        *
    *         noshow styles to display alternate data on a printed page,        *
    *         e.g. an obscured SSN for privacy reasons, rather than the         *
    *         actual SSN.  The noshow style should be used when a element       *
    *         should neither be displayed or printed, i.e. it exists solely     *
    *         to provide spacing on the page.                                   *
    *                                                                           *
    *   See:  printer.css                                                       *
    *                                                                           *
    *************************************************************************** */  

    .display    /*  Elements to include in displayed documents only.  */
    {
       display          : inline;   
    }
    
    .nodisplay  /*  Elements to NOT include in displayed documents, i.e. print only.  */
    {
       display          : none;   
    }
    
    .noshow     /*  Elements to NOT include in displayed OR printed documents.  */
/*  .spacing */
    {
       display          : none;   
    /* visibility       : hidden;  */
    }
    
    .print      /*  Elements to include in printed documents only.  */
    {
       visibility       : hidden;  
    }
    
    .noprint    /*  Elements to NOT include in printed documents.  */
    {
        visibility       : visible; 
    }