/*
*********************************************************************
** File Name: global.css
** Author:  W3C and Steve Davies
** Create Date: 12/26/2004
** Desc: Default HTML 4.0 style sheet for NYAHSA
**
*********************************************************************
** Change Log:
**  2006-03-27 S. Davies:  added general class styles for table          
**  data alignment and nowrap of white-space.
**
**  2006-09-25 S. Davies:  for earlier versions of Firefox,
**  disabled the "-moz-user-focus" Mozilla-specific attribute
**  that was forcing a left-ward scroll of "RightSide" DIV
**  when a user clicked on a right-most menu-item.
**
**  2007-09-14 S. Davies:  added styles for div#mainContentNavBox,
**                     wherever included, and its nav links.
**
** 2008-05-12 S. Davies:  from ProCare 'colors' to this (global) copied
**                     a border-right setting for div#outerMost.
**
** 2008-05-21 S. Davies:  added styles for the internals of 'rightNavBar',
**                    extracted from vert_layout_right.css, that are common
**                    to 'horiz_layout.css' as well.
**
** 2008-05-29 S. Davies: added style for the SPAN within 'div#navBarBreadcrumb'.
**
** 2008-09-18 S. Davies:  regarding the decendant selector "a img.fillContainer"...
**                     (a class of 'image link', installed an override to 'user agent' 
**                     defaults like those found in Mozilla's "html.css" . 
**
** 2009-02-10 S. Davies:  refactoring -removed all psuedo-class rules for side-bar
**                     "MidNav" (only utilized within Type I pages) and added them to 
**                     "vert_layout_left.css" module, which is specifici to Type I.
**
** 2009-02-12 S. Davies: At this level, no longer using the literal 'background-color' aspect
**                      of the 'background' shorthand property. Instead, utilitize the 'background'
**                      property, and set a default for its 'background-color' aspect. 
**
** 2009-02-26 S. Davies: Implicitly set the 'background-color' aspect of the 'background' 
**                      shorthand property to a light gray (#EEE). 
**
** 2009-04-08 S. Davies: Amended trucation by setting the width of input.style_submit in 
**                      div#navBarTopCenter back to 'auto'.
**
** 2009-05-12 S. Davies: added a "import" for a style sheet file that contains basic default "color"
**                     rules available to all pages ("colors_global.css"), and moved relevant rules out
**                     of here, and over to this new module.
**
**
** 2010-03-23 S. Davies:  moved the rules for "div#wrapper" from the three "global_layout" files
**                     to this "global" level module. Also, for "div#outerMost", factored out rules common
**                     to these three files to this level, as part of the task of centering this container in the
**                     browser window.
**
** YYYY-MM-DD X. Xxxxxxxxxx: 
**
*********************************************************************
*/


/* ---- pull in rules common to all pages, for color styles --------- */

@import url(colors_global.css);


/* -----   fundamental rules for element selectors - the defaults ------  */
html, address,
blockquote,
body, dd, div,
dl, dt, fieldset, form,
frame, frameset,
h1, h2, h3, h4,
h5, h6, noframes,
ol, p, ul, center,
dir, hr, menu, pre   { display: block; }

li              { display: list-item; }
head            { display: none; }
table           { display: table; }
tr              { display: table-row; }
thead           { display: table-header-group; }
tbody           { display: table-row-group; }
tfoot           { display: table-footer-group; }
col             { display: table-column; }
colgroup        { display: table-column-group; }
td, th          { display: table-cell; }
caption         { display: table-caption; }
th              { font-weight: bolder; text-align: center; }
caption         { text-align: center; }
body            { margin: 8px; line-height: 1.12em; }
h1              { font-size: 2em; margin: .67em 0; }
h2              { font-size: 1.5em; margin: .75em 0; }
h3              { font-size: 1.17em; margin: .83em 0; }

h4, p,
blockquote, ul,
fieldset, form,
ol, dl, dir,
menu            { margin: 1.12em 0; }

h5              { font-size: .83em; margin: 1.5em 0; }
h6              { font-size: .75em; margin: 1.67em 0; }

h1, h2, h3, h4,
h5, h6, b,
strong          { font-weight: bolder; }

blockquote      { margin-left: 40px; margin-right: 40px; }

i, cite, em,
var, address    { font-style: italic; }

pre, tt, code,
kbd, samp       { font-family: monospace; }

pre             { white-space: pre; }

button, textarea,
input, object, 
select          { display:inline-block; }

big             { font-size: 1.17em; }
small, sub, sup { font-size: .83em; }
sub             { vertical-align: sub; }
sup             { vertical-align: super; }
table           { border-spacing: 2px; }

thead, tbody,
tfoot           { vertical-align: middle; }

td, th          { vertical-align: inherit; }
s, strike, del  { text-decoration: line-through; }

hr              { border: 1px inset; }
ol, ul, dir,
menu, dd        { margin-left: 40px; }

ol              { list-style-type: decimal; }

ol ul, ul ol,
ul ul, ol ol    { margin-top: 0; margin-bottom: 0; }

u, ins          { text-decoration: underline; }
br:before       { content: "\A"; }

:before, :after { white-space: pre-line; }
center          { text-align: center; }

abbr, acronym   { font-variant: small-caps; letter-spacing: 0.1em; }
:link, :visited { text-decoration: underline; }
:focus          { outline: thin dotted invert; }

/* Begin bidirectionality settings (do not change) */
BDO[DIR="ltr"]  { direction: ltr; unicode-bidi: bidi-override; }
BDO[DIR="rtl"]  { direction: rtl; unicode-bidi: bidi-override; }

*[DIR="ltr"]    { direction: ltr; unicode-bidi: embed; }
*[DIR="rtl"]    { direction: rtl; unicode-bidi: embed; }

@media print {
  h1            { page-break-before: always; }

  h1, h2, h3,
  h4, h5, h6    { page-break-after: avoid; }
  ul, ol, dl    { page-break-before: avoid; }
}



/*  -------- NYAHSA 'general selector' styles -------------- */


/*
 force all browsers to begin with zero for page margins and borders,
 i.e. override default settings - DW Magic prj. 1.
*/
html, body {
   margin: 0px;
   padding: 0px;
   border: 0px;
}

body {
   position: relative;
   font-family: "Microsoft Sans Serif", Arial, Verdana, Geneva, Helvetica,  sans-serif ;
   font-size: 100.1%;   /* hack to avoid IE bug with em meas. - but must be in Standards mode */
   line-height: 1.2;       /* a raw number as a scaling factor is an inherited, not a computed, value */
   color: #000000;
   background: #EEE; /* shorthand approach */
}

table {
    font-size: 1em; 
    font-family: "Microsoft Sans Serif", Arial, Verdana, Geneva, Helvetica,  sans-serif ;
}


div {
    overflow: hidden;
    color: inherit;  /* the default */
    background: transparent;   /* 2009-02-12: the default for background-color aspect of background */
}


html:focus, body:focus, div:focus {
    /*  2010-03-23 S. Davies: added to prevent this IE-specific property from being gener'd by default, for this psuedo-class on containers.  */
    outline-style: none;
}


div div {
/* 
As the value of "em-height" is relative to the FONT-SIZE of the parent element, "1em" means:
"set the default em-height of fonts for all nested DIVs to 100% of the FONT-SIZE of the parent DIV"
*/
    font-size: 1em; 
}


div table {
/* 
As the value of "em-height" is relative to the FONT-SIZE of the parent element, "1em" means:
"set the default em-height of fonts for all DIV-nested TABLEs to 100% of the FONT-SIZE of the parent DIV"
*/
    font-size: 1em; 
}


div form {
/* 
As the value of "em-height" is relative to the FONT-SIZE of the parent element, "1em" means:
"set the default em-height of fonts for all DIV-nested TABLEs to 100% of the FONT-SIZE of the parent DIV"
*/
    font-size: 1em; 
}


button, textarea, input, object,  select {
   /* establish font settings for these form field types */
   /* note: the font-family attribute gets lost in IE, when trying to inherit from the rule on the Body tag  */
  font-family: "Microsoft Sans Serif", Arial, Verdana, Geneva, Helvetica, sans-serif ; 
  font-size: 1em;
}


table tr td { vertical-align:top; }


/*  -------------------- general class styles ---------------------------- */

.singleLine { white-space: nowrap; }

.decimalAlign { text-align:right; padding: 0 0.25em; }

.vAlignBottom { vertical-align:bottom; }


.serviceMark { 
    font-family: 'Times New Roman', Times, serif; 
    font-size:0.75em; 
    vertical-align:super; 
    color:gray;
}


/*  --- more specific class styles --- */

table.hdrVAlignBottom tr th { vertical-align:bottom; }


/*    ---   begin:  general selectors factored from 'nyahsa-org.css' module  ----   */
  div img.fillContainer
, p img.fillContainer { 
      width: 100%; 
	  height: 100%;
}


/*  --- 2008-09-18 S. Davies:  for this class of 'image link', override 'user agent' defaults like Mozilla's "html.css"  --- */
a img.fillContainer {
    border-style: none;
}



/*    ---  end:  general selectors factored from 'nyahsa-org.css' module  ----   */



/*  ************************** left Nav and footer Nav *********************  */

a.plainNav:link, a.plainNav:visited {
    background: transparent;
    -moz-outline: none;
    border: 0;
    text-decoration: none;
    outline-style: none;
}


/* ---------------- BEGIN - sbLeftUpperNav internals  ----------------  */


/* --------  class for left Upper Nav  DIVs ---------- */

div.leftUpperNav {
    position: absolute;
    top: 0;  /* the default */
    left: 10%;
    width: 90%; 
    height: 20%;
    z-index: 5;
}

div.leftUpperNav a {
   display: block;
}


/*  ---------------------------  BEGIN: styles targeting specific IDs  ----------------------------  */


/*  2010-03-23 S. Davies:  moved from the three "global_layout" files to "global" */
div#outerMost {
    position: relative;  
    margin: 0 auto;
    border: 1px #DDD solid;   /* moved from ProCare 'colors' to global 2008-05-12  */
    z-index: 1;
}


/*  2010-03-23 S. Davies:  moved from the three "global_layout" files to "global" */
div#wrapper {
    position: absolute;
    top: 0;
    left: 0;  /* prev: 7.5%  i.e., to center, divide the width not occupied (14%) in half */
    width: 100%; /* equivalent to 69em, based on the intended parent DIV dimensions */
    height: 100%;
    z-index: 1;
}



/*     ---   More of the  'specific' stylings -- */

div#overlayRangeWarning {
    position: absolute;
    top: 0%; /* default position  */
    left: 1%;
    width: 100%; 
  	visibility: visible;
    z-index: 99;
}


/* ----------------  BEGINl:   sbLeftUpperNav internals  ----------------  */


/* override this DIV's class */

div#sbLeftUpperNavNYAHSA {
    height: 39%;  
}

/* ---------------- END - sbLeftUpperNav internals  ----------------  */


/* ------------------------- BEGIN - rightNavBar internals - primary  ------------------  */

div#navBarTop {
    position: relative;
    height: 36%;
    width: 100%;
    z-index: 1;
    font-size: 0.9em;  
    font-family: Verdana, sans-serif; 
}


div#navBarBreadcrumb {
    position: relative;
    height: 28%;
    width: 100%;
    padding-left: 4px;
    font-size: 0.9em;  
    font-family: Verdana, sans-serif; 
    z-index: auto;
}


div#navBarMenuDDdyn {
    position: relative;
    height: 36%;
    width: 100%;
    z-index: 10;
    overflow: visible;
}


/* ---------------- END:  rightNavBar internals - primary  ----------------  */


/* ---------------- BEGIN:  rightNavBar internals - navBarTop   ----------------  */

div#navBarTopLeft {
	position: absolute;
	left: 0;
    top: 0;
	height: 70%;
	width: 20.5%;
	z-index: auto;  /* allow this to be overlapped */
	padding-left: 3px;
}


/* --------------------- */

div#navBarTopCenter {
	position: absolute;
	top: 0;
	left: 20%;
	height: 100%;
/*	width: 50%; */
	width: 54%;
	z-index: 1;  /* lift this over its siblings */
}

div#navBarTopCenter form {
	display: inline-block;
    margin: 0;  /*  override the default set in global */
}


div#navBarTopCenter form input.style_submit {
	width: auto;
}

/* --------------------- */


div#navBarTopRight {
	position: absolute;
    top: 0;
    /*  left: 70% */
    right: 0;  /*  0.25%; */
	height: 70%;
	width: 30%;   /* 29% */
    text-align: right;
	z-index: auto; /* allow this to be overlapped */
}


  div#navBarTopRight a:link
, div#navBarTopRight a:visited {
/*    margin-left: 1.2em;    2.5%; */
    text-decoration: none;
    white-space: nowrap; 
/*    font-size: 0.8em;  */

    padding-left: 0.25em;  /* 2% did not work in IE6  - 2008-06-02 */
    padding-right: 0.25em;  /* 2% did not work in IE6 */
}


div#navBarTopRight a:hover {
	text-decoration: underline;
}


/* --- begin: navBarBreadcrumb --- */

/*div#navBarBreadcrumb {
   border-top: 1px dashed red;
}*/


div#navBarBreadcrumb span#currPageLabel {
   font-weight:bold;
}


div#navBarBreadcrumb div#changeFontSize {
   position:absolute; 
   top: -0.5em; 
   right: 1em; 
   height: 100%; 
   padding-left: 0.5em;
   text-align: vertical;
/*margin-top: -0.5em;*/

/*   border-top: 1px solid silver;
   border-left: 1px solid silver;
*/
}


div#navBarBreadcrumb div#changeFontSize span {
  padding-right: 0.5em;
}


div#navBarBreadcrumb div#changeFontSize a {
   font-weight: bold; 
   font-family: Times New Roman, serif;
   text-decoration: none;
}


div#navBarBreadcrumb div#changeFontSize a:hover {
   text-decoration: underline;
}




/* ---------------- END:  rightNavBar internals - navBarTop and navBarBreadcrumb  ----------------  */


/*   --------------------------------------  begin:  rightNavBar internals  - 'Main Menu Nav ' --------------------------------------   */

div.menuBar {
	position: absolute;
	z-index: 20;
	top: 9%;
	height: 70%;
	width: 20%; 
	text-align: center;
	visibility: visible;
	overflow: visible;
}

div.menuBar a {
   text-decoration: none;
/* does not work in IE */   
}


div.menuBar a.menuButton {
    height: 100%;
    width: auto; 
    z-index: auto;  /* 100 */
    display: block; 
    overflow: visible; 
    text-decoration: none; /* denormalized for IE */ 
}

div.menu {
    position: absolute;
    top: 100%;
    left: .5%;
    margin-right: -100%; /* p. 163 */
    width: 150%;
    border: 1px solid silver;
    visibility: visible;
    text-align: left;
    overflow: visible;
    z-index: 1; /* 'auto' does not create a new stacking context */
    display: none; 
}


div.menu a.menuItem {
    position: relative;
    display: block;
    height: 100%;
/*    width: 100%; */
    width: auto;
/*    padding: .5em .5em; */
    padding-top: 0.5em; 
    padding-bottom: 0.5em; 
    padding-left: 0.5em; 

    text-decoration: none;  /* denormalized for IE */ 
	-moz-user-focus: none;  /*  Mozilla-specific attribute disabled */
}

/*   ********************** end:  Nav - Main Menu styles  **************************   */


/* 
note: the "Type II" styled-templates (including the "Doc" template hierarchy) do not use a DIV with an 
ID of  "mainContent ", so the CSS hierarchy will not effect any "Doc" content by styling the "mainContent " ID.
*/

/* 6/7/05 - resolved to use "sans-serif "fonts for all browser display */
/*
div#mainContent {
    font-family: "Times New Roman", TimesNR, serif;
}
*/


/*  ------------------------ "form" elements -------------------------  */   


/* for an override of generic "input" styling for input text boxes - both IE and Mozilla */   
input.style_text { 
	vertical-align: top;
}

/* for an override of generic "input" styling for Submit buttons - both IE and Mozilla */   
input.style_submit { 
    font-size: .98em;    
	font-family: "Microsoft Sans Serif", Arial, Verdana, Geneva, Helvetica,  sans-serif ;
	vertical-align: text-top;
}


/* ------  more mainContent internals ------------ */


/* ------  BEGIN:  the "nav box", from N-Org ------------ */

div#mainContentNavBox {
    margin-top: 2%;
    margin-left: 2%;
	width: 75%;
    /*	height: auto; */
}

div#mainContentNavBox a  {
     /*  do not refer to any of the psuedo classes at this point - this is for a basic anchor, regardless of state */
    display: block; 
    width: auto;  /* does not have an effect in this context */
    font-weight: bold;
    line-height: 1.5;
    margin-bottom: 2%;

    -moz-outline: none;  /*  Mozilla-specific attribute disabled */
    outline-style: none;  /*  IE-specific attribute disabled */
    -moz-user-focus: none;  /*  Mozilla-specific attribute disabled */
}


div#mainContentNavBox a span {
    font-weight: normal;
    line-height: 1.5;
	font-size: 1.2em;
}

/* ------  END:  the "nav box" ------------ */
   

/* ----    more internal areas   ---- */
 
/*  ---  The "Record Pager" custom tag: to support a structure within  ---   */
div#result_pager {
    font-family: "Microsoft Sans Serif", Arial, Verdana, Geneva, Helvetica,  sans-serif;
}

/*  2010-03-23 S. Davies: added this to prevent the copyright notice from being clipped */
div#footerNavBottom {
  width: 99.5% !important;
}



/* end of stylesheet */

