/* ***************************************************************************
    *                                                                           *
    *   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/                       *
    *               http://yui.yahooapis.com/2.9.0/build/reset/reset.css        *
    *                                                                           *
    *************************************************************************** */  

	html {              /* index.jsp */
		color: #000;
		background: #FFF;
	}
	
	body,               /* index.jsp */
	div,                /* index.jsp */
	dl,
	dt,
	dd,
	ul,
	ol,
	li,
	h1,
	h2,
	h3,                 /* index.jsp */
	h4,
	h5,
	h6,
	pre,
	code,
	form,
	fieldset,
	legend,
	input,
	button,
	textarea,
	select,
	p,
/*	
	blockquote,
*/	
	th,
	td {
		margin: 0;
		padding: 0;
	}
	/*
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
	*/
	fieldset,
	img {
		border: 0;
	}
/*	
	address,
*/	
	button,
/*	
	caption,
	cite,
*/	
	code,
/*	
	dfn,
	em,
*/	
	input,
	optgroup,
	option,
	select,
/*	
	strong,
*/	
	textarea,
	th,
	var {
	    font:inherit;
	}
/*	
	del,
	ins {
		text-decoration: none;
	}
*//*	
	li {
		list-style: none;
	}
*//*	
	caption,
	th {
		text-align: left;
	}
*/	
	h1,
	h2,
	h3,                 /* index.jsp */
	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-dialog-titlebar          /* jQuery UI dialog style */
	{
		overflow         : hidden;      /* Required for Google Chrome; and occasionally other dialogs */
	}
	
   /* ***************************************************************************
    *                                                                           *
    *   Master stylesheet default styles.                                       *
    *                                                                           *
    *************************************************************************** */  
/*
	html                |* ie.css *|  
    {
    
	}
*/	
    body                /* index.jsp *||* ie.css */  
    {
    /*
        background       : url(/image/wallpaper.png) repeat; 
        background-color : red;
        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                 /* index.jsp *||* ie.css  */
    {
    /*  margin           :   0;  */ /* Set in reset above */   
        border           :   0;
    /*  padding          :   0;  */ /* Set in reset above */
        white-space      : normal;
    }
	
    div#form
    {
    	position         : absolute;
    }

	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 **
        font-size        : 13px;           ** td.normal **
    */    
        font-weight      : normal; 
        text-align       : center; 
    }
    
    hr
    {
        margin           :   0;
        padding          :   0;
    }

    h1 
    { 
        font-size        : 2.0em; 
        font-size        :  22px;
    } 
         
    span.h1 
    { 
        font-size        : 2.0em; 
        font-size        :  22px;
    } 
         
	h2 
    { 
        font-size        : 1.8em; 
        font-size        :  20px;
    } 
         
    h3                  /* index.jsp */
    { 
        font-size        : 1.6em; 
        font-size        :  18px;
    } 
         
    span.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              /* index.jsp */              
   	{ 
   		color            : blue; 
   		text-decoration  : underline; 
   	}
	
	a:visited           /* index.jsp */
	{ 
		color            : purple; 
		text-decoration  : underline; 
	}
/*  This style causes an issue with tabs !    
	a:hover             
	{ 
    	background-color : #F5F5F5;            |* White Smoke *|
    	border           : 1px solid #DCDCDC;  |* Light Grey  *|
	}
*/	
	a:active            /* index.jsp */   
	{ 
		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,
    body.tabs           /* home.html, tabbed.html */ 
    {
        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.center        /* home.html, tabbed.html */
    {
        width            : 100%;
        height           : 100%;
    }
/*
	table.center td
    {
        text-align       : center;
        vertical-align   : middle;
    }
*/
	#sidebar            /* jdamon.html */
    {
    /*
        background-color : green;
        background-color : #008000;
        background-color : #B4FFB4;
    */
		position         : absolute;
        top              :   0;
        height           : 100%;
        left             :   0;
        width            :  15%;
    /*    
        text-align       : left;
    */    
		overflow         : hidden;
        z-index          :   4;
    }

	#header             /* index.jsp, home.html, tabbed.html */
    {
    /*
        background-color : red;
        background-color : #FFD2D2;
        border           :   1px blue solid;
    *//* 
		background-color : transparent; |* Note: #footer bleeds-thru (on resize) *|
    */
		position         : absolute;
        top              :   0;
        height           :  10%;
        left             :   0;
        width            : 100%;
        text-align       : center;
		overflow         : hidden;
        z-index          :   3;
    }

	/* title */
	#header h1          /* home.html */
	{
		font-size        :  32px;
	}

	/* title */
	#header h1.tabs     /* tabbed.html */
	{
		font-size        :  24px;
	}

	/* subtitle */
	#header h2          /* home.html, tabbed.html */
	{
		font-size        :  16px;
	}

	#content            /* index.jsp, home.html, tabbed.html */
    {
    /*
		background-color : red;
		background-color : yellow;
        background-color : white;
        background-color : #FFFFFF;
        color            : black;
        border           :   1px black solid;
    */
    	background-color : transparent;
    	position         : absolute;
        top              :  10%;
        height           :  80%;
        left             :   0;
        width            : 100%;
        overflow         : auto;
    /*
        text-align       : left;
        overflow-x       : hidden;
        overflow-y       : auto;
    */
        z-index          :   2;
	}

	#footer             /* index.jsp, home.html, tabbed.html */
    {
    /*
        background-color : blue;
		background-color : #D0D3FF;
        border           :   1px red solid;
    *//*
    	background-color : transparent;
    */	
		position         : absolute;
    /*
        top              :  95%;
        height           :   5%;
    */
        top              :  90%;
        height           :  10%;
        left             :   0px;
        width            : 100%;
        text-align       : center;
		overflow         : hidden;
        z-index          :   1;
	}

    /*  
    	This style ensures the footer links are the correct font-size.
    	For some reason, the font-size varies between the development
    	and production pages.
    */
	#footer a
	{
		font-size        :   13px;
	}

   /* ***************************************************************************
    *                                                                           *
    *   Master stylesheet tabbed page styles                                    *
    *                                                                           *
    *************************************************************************** */  
/*    
    body.tabs           |* set above *|
    {
        overflow         : hidden;        
    }
*/
	body.tabs #header   /* home.html, tabbed.html */
	{
    /*
        background-color : #FFD2D2;
		margin           :   0  15%;
	*/
		background-color : #FFFFFF; /* Note: Stops #footer bleed-thru (on resize) */
    /*
		margin           :   0  15%;
	*/
		padding          :  20px 0;
		height           :  72px;
		height           :  17%;
		width            :  70%;
	/*
		min-width        : 640px;
	*/
	}

	body.tabs #content  /* home.html, tabbed.html */
	{
	/*
		margin           :   0  15%;
	*/
		top              :  17%;
		width            :  70%;
		height           :  78%;
	/*
		min-width        : 640px;
	*/
		overflow         : hidden;
	}
/*
	#tabs               
    {
    
    }
*//*    
	#tabs li.tab        |* use .ui-tabs *|       
    {
    
    }
*//*
	#tabs div.tab-item  |* use .ui-tabs .ui-tabs-panel *|
	{

	}
*//*    
	#tabs h5.menu-item  |* use .ui-accordion-header *|
	{

	}
*//*
	#tabs div.menu-item |* Menu content *|
	{
	
	}
*/
	body.tabs #footer   
	{
	/*
		margin           :   0  15%;
	*/
		top              :  95%;
		width            :  70%;
		height           :  36px;
		height           :   5%;
	/*
		min-width        : 640px;
	*/
	} 

   /* ***************************************************************************
    *                                                                           *
    *   Master stylesheet tabbed page jQuery (override) styles                  *
    *                                                                           *
    *   @see home.html                                                          *
    *   @see tabbed.html                                                        *
    *                                                                           *
    *   Note: Internet Explorer requires "px" NOT "em" !!                       *
    *                                                                           *
    *************************************************************************** */
     
    /* Tab label */ 
	.ui-tabs .ui-tabs-nav li           /* ie.css */
	{
	/*	Note: Font sizes > 18px or < 14px MAY NOT 
	          resize correctly on page resize !!!
	*//*
		font-size        :   20px;
		font-size        :   19px;
		font-size        :   18px;
		font-size        :   17px;
		font-size        :   16px;
		font-size        :   15px;
		font-size        :   14px;
		font-size        :   13px;
		font-size        :   12px;
		font-size        :   11px;
		font-size        :   10px;
		font-size        :    9px;
		font-size        :    8px;
 	*/
		font-size        :   16px;
		font-weight      : bold;
	}
	
	/* Tab content */
	.ui-tabs .ui-tabs-panel            /* ie.css */
	{
	/*	
    	background-color : transparent;
        background-color : white;
        background-color : #FFFFFF;
		background-color : #F4F4F4;
		padding          :    0;
	*/		
    	background-color : transparent;
        background-color : #FFFFFF;
    	font-size        :   16px; 
    	line-height      :  135%;
		height           :   82.5%;
		height           : auto;
		overflow         : auto;
	}

	/* Accordion menu label */
	.ui-accordion .ui-accordion-header /* ie.css */
	{
	/*
		font-size        :   16px;
		font-size        :   15px;
		font-size        :   14px;
		font-size        :   13px;
		font-size        :   12px;
		font-size        :   11px;
		font-size        :   10px;
		font-size        :    9px;
		font-size        :    8px;
 	*/
		font-size        :   14px;
	}

  /* ***************************************************************************
    *                                                                           *
    *   Master stylesheet application styles.                                   *
    *                                                                           *
    *************************************************************************** */  
    
    /*  IE declaration - See: ie.css  */
    div.center          /* index.jsp *||* ie.css */  
    {  
        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            /* home.html */  
    {
    	padding          :   5px 15px;
        font-weight      : bold; 
    	text-align       : left; 
        vertical-align   : top; 
    	white-space      : nowrap;  
    }
/*
    td.label span             
    {
    	cursor           : pointer;
    }
*/
	td.field            /* home.html */
    {
        text-align       : left; 
    }
/*
    td.detail
    {
        font-weight      : normal;
    }
*/
    td.text             /* home.html */
    {
        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 /* home.html */
    {
        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 page message styles.                                  *
    *                                                                           *
    *************************************************************************** */  

	td.error /* similar to td.label */
    {
    	padding          :   5px 15px;
        vertical-align   : top; 
	    text-align       : left; 
    	color            : red;
        color            : #FF0000;
    	white-space      : nowrap;  
	}

	td.info /* similar to td.label */
    {
    	padding          :   5px 15px;
        vertical-align   : top; 
	    text-align       : left; 
	/*
	    color            : black;
        color            : #000000;
    */    
    	white-space      : nowrap;  
	}

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

    input               /* home.html */
    {
    /*
        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        /* home.html */
    {
        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          /* home.html */
    { 
        text-align       : left;
    } 

    input.password      /* home.html */
    { 
        text-align       : left;
    } 

    input.number
    { 
        text-align       : right;
    } 

    input.checkbox      /* home.html */
    { 
        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      /* home.html */
    {

    }

    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              /* home.html */
    {
    /*
        color            : black;
        font-size        : 1.0em;
    */    
        padding          :   1px; /* Does NOT work in Internet Explorer, Safari */
    }

    select.optional
    {
    
    }

    select.required     /* home.html */
    {
    
    }

    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; 
    }