/* 
  ------------------------------------------------
drc1a.css - style sheet
  ------------------------------------------------
*/

/*
ol {
	list-style-type: upper-alpha;
}
*/

/* --------------------------------------- Initialization - fonts (keep together) ----------------------------------------- */

/* 4/3/2015 - The following give reasonable font & image size, regardless of the screen size. Otherwise, the text looks too small  on wide screens. See
similar in p7csspbm2_09.css (search for "@media". */ 
body, ._reset_font {
	font-family: Verdana, Arial, sans-serif; /* 18/Dec/2015 19:43 */
	  /* Web safe fonts -
            	http://www.cssfontstack.com/
            		Segoe is not used on Macs.
            		The most compatible fonts for both Windows and Macs are:
            			Arial http://www.cssfontstack.com/Arial
            			Verdana http://www.cssfontstack.com/Verdana
            			Trebuchet MS http://www.cssfontstack.com/Trebuchet-MS
            			Tahoma <chars are too close together> http://www.cssfontstack.com/Tahoma
    */

/* font-family: "Segoe UI", Optima, Arial, Helvetica, sans-serif; */
	  /* 10/Apr/2015 21:55 - was <"Segoe UI", Optima, Helvetica, Arial, sans-serif> but Arial should come before Helvetica which can display poorly under Windows.
	  See Castro, p. 235 */
	  
	/* see https://github.com/h5bp/html5-boilerplate/issues/724 */
	/* see font sizing chart http://websemantics.co.uk/resources/font_size_conversion_chart/ */
  font-size: 1.0em;   /* could also be 100% */ /* if change this then also consider changing all instances of _svg_eqn_width below. Also see @media below. */
  /* 	font-size: 1.2vw;  */ /* see https://css-tricks.com/viewport-sized-typography/ */
  font-weight: normal;
	line-height: 1.5; /* 18/Dec/2015 19:58 */  /* no units - then line-height = value*font-size. See https://developer.mozilla.org/en-US/docs/Web/CSS/line-height */
}

.main-content .content {
/* No need to declare here unless different than font-size declared in body  	
    	font-size: 1.0em;
    	line-height: 1.5;
*/    	

  padding: var(--padding__content__vertical) var(--padding__content__lateral) !important;
    /* 27/Mar/2022 6:56 - no effect unless declare !important */
    
/* 29/Mar/2022 16:59 - If non-zero then a corresponding non-zero gap appears below left sidebar
where columns-wrapper background-color shows through

  padding-top: 10px !important; 
*/
  
	border-left: var(--border__global);
	border-right: var(--border__global); 
}

/*Heading styles*/
h1, h2, h3, h4 {
	margin: 20px 0px 0px 0px; /* 4/3/2015 - top margin was 30px */
}
h1 { font-size: 1.35em; color: var(--color__h1); }
h2 { font-size: 1.25em; color: var(--color__h2); }
h3 { font-size: 1.15em; color: var(--color__h3); }
h4 { font-size: 1.05em; color: var(--color__h4); } 

/*
h2 { color: #006}
h3 { color: #060}
h4 { color: #30f} 
*/

._overline {text-decoration: overline;}

@media only screen and (min-width: 1367px) {
  body {font-size:  100%;} /* 18/May/2016 13:25 - was 120% but too large on large monitor */
}

/* --------------------------------------- Initialization - other ----------------------------------------- */

._img_screen_height {max-height: 370px;} 
  /* 7/May/2015 20:49 - all images will have the same height. */
  /* 370px works well on X220 laptop 1366 px wide so that image height < screen height while still allowing some text above and below. Also, to fit in table with caption. */
  /* Used in <table class="_table_img_container"> as:
        <td><img class="scalable _img_screen_height _img_print_height" src="_images/hyperbolic_functions_sinh_cosh_730x425b.gif" width="727" height="428"></td> 
        
  To override, delete _img_screen_height from class= and afterwards use 
    style="max-height: NNNpx;"  - 550px works well for X220 laptop ~ full screen height*/
  /* Based on a default LibreCalc graph image whose raw  size ~ 730px x 430px */
  /* ##### IMPORTANT ##### - if the native image height is less than max-height above, then the image will not display in DW Design view. Instead, a small box will be shown. However, displays correctly in Live view & browser. */

/* 7/May/2015 20:49 - replaced by above as defaults. Can be over-ridden by below if screen size > 1366 px
@media only screen and (min-width: 960px) and (max-width: 1366px) {
  body {font-size:  100%}
  ._max_image_height {max-height: 300px;}
}
*/
._img_screen_height_tall1 {max-height: 550px;} 
  /* 13/Apr/2016 11:40 - ~ 50% taller than _img_screen_height (370px) --> full screen height; 
  used for tall images or where image needs more clarity */

._img_screen_height_tall2 {max-height: 450px;} 
  /* 29/Oct/2017 13:24 - for medium height, often to make image text more legible. See use in studs_bolts_threads.html */
  
._img_screen_height_dwg1 {max-height: 450px;} 
  /* 28/Oct/2017 - 22% taller than _img_screen_height (370px) 
  --> used to make drawing dims more legible. See use in studs_bolts_threads.html */

._img_screen_height_dwg2 {max-height: 520px;} 
  /* 28/Aug/2018 - ~ 40% taller than _img_screen_height (370px) 
  --> used to make drawing dims more legible */

._img_screen_height_dwg3 {max-height: 580px;} 
  /* 28/Aug/2018 - 57% taller than _img_screen_height (370px) 
  --> when using _table_layout_1_image, just barely allows entire table (dwg + bottom caption) 
  to be displayed on 1366x768; better than above for 1920x1080; 
  used to make drawing dims more legible */

._svg_screen_height {height: 370px;} /* 26/Jun/2015 12:14 - use for Chrome which distorts (squashes) large images that are placed in <table class="_table_img"> where the table cell height is less than the actual image height. For example, see aluminum_1a.html, fig 1 (Boyer); also contour1_dict.html. 
Must use "height" rather than "max-height". */


object {width: 100%;} /* 28/Jul/2015 13:40 - for svg drawing images. If  don't use then print image too small; screen image extends beyond RHS.
No effect on print unless use _svg_height1
See http://tympanus.net/codrops/2014/08/19/making-svgs-responsive-with-css/ */
object.scalable {

	zheight: auto !important;  /* 29/Jul/2015 6:15 - If use this then print image is small. Screen image OK. */

	zwidth: auto !important;  /* 29/Jul/2015 6:15 - If use this without setting "object {width: 100%;}" then print image is small; otherwise, no effect. Screen image OK. */

	zmax-width: 100%;  /* 29/Jul/2015 6:15 - doesn't seem to have any effect */
}

@media only screen {
._svg_height1 {height: 650px;} 
}

/* any screen size over 1366px wide (Lenovo laptop = 1366 x 768; desktop = 1920 x 1080)  */
/* 28/Jan/2016 6:42 - values below were 430px. 470px allows image details to show better but without becoming obnoxiously big. */
@media only screen and (min-width: 1367px) { /* following are ~27% larger than defaults for X220 screen above */
  ._img_screen_height {max-height: 470px;} /* 7/May/2015 20:49 - Based on a default LibreCalc graph image whose raw  size ~ 730px x 430px  */
  ._img_screen_height_tall1 {max-height: 700px;}
  
  ._svg_screen_height {height: 470px;} /* 26/Jun/2015 12:14 - see comments at _svg_screen_height */
}

._svg_drawing_height {width: 1800px;}  /* 22/Jul/2015 9:16 - not currently used? */

/* 17/Apr/2015 22:29 - debug; test with test_pages/table_no_page_break_inside.html */
/*
@media print {
  table {page-break-inside: avoid;} 
}
*/

/* 4/2/2105 - decrease spacing between paragraphs slightly */
p {
	/* border: 1px solid grey;  */ /* debug */
	margin-top: 10px; /* default ~ 1em */
	margin-bottom: 10px; /* default ~ 1em */
	/* padding: 0px; */ /* 0px is default */
/* 	font-size: 1.0vw; */
}

ol {
	list-style-type: decimal;
	padding-left: 20px;
/*	line-height: 1.5em; */
/*	font-weight: bold; */ /* makes all text bold, not just the leading symbol */
}

ol ol {
	list-style-type: upper-alpha;
	padding-left: 1.4em; /* aligns the beginning of sub-items ~directly under the beginning char of the parent item. (What is actually aligned are all sub-item decimal pts.)
	20px also works well for default font size (1em in p7csspbm2_09.css ".main-content .content") but not if the default font size is changed. */
}
ol ol ol {
	list-style-type: lower-alpha;
}
ol ol ol ol {
	list-style-type: lower-roman;
}
ol ol ol ol ol {
	list-style-type: circle;
}

/* For the following, look at \test_pages\list1a.html and \test_pages\list1b.html  */

.main-content .content ul, .main-content .content ol {
/*  margin-top: 0.3em;  */ 
     /* default is 0. Increase margin-top slightly for every li except first-child below. 0.3em = 5px  */
/*  border: 0px solid red; */ /* debug */
}

/* 3/Apr/2015 10:48 */
.main-content .content li {
  margin-top: 0.3em;
    /* default is 0. Increase margin-top slightly for every li except first-child below. 0.3em = 5px  */
/*    border: 1px solid grey; */ /* debug */
}

.main-content .content li:nth-child(1) { /* 1st list item - reduce upper margin slightly */
  /* Applies to heading1 and all of its subheadings. For heading2, it doesn't apply; only applies to 1st subheading of heading2.
  Same for heading3 ... */ 
  margin-top: -0.3em;  /* the default is 0 */
/*  background-color: yellow; */ /* debug */
}

.main-content .content ol li { 
  /* 1st list item in ol - reset back to "default" value after invoking 
    .main-content .content li:nth-child(1)  
  5/Mar/2022 - seems to apply to entire list */

  margin-top: 0;  /* the default is 0 */ 
    /* 5/Mar/2022 - 
      In html page in which this used, if <ol class="_list_no_top_margin"> then any 
      nonzero number (either + or -) creates a small gap between 1st level blocks. 
      See \test_pages\list1a.html. 
      
      If no class is declared for <ol> then any nonzero number (either + or -) creates 
      a small gap between every heading except 1st level and 1st subheading. 
      See \test_pages\list1b.html. 
    */
    
/*  background-color: pink; */ /* debug */
/*    border: 5px solid black; */ /* debug */
}
.main-content .content ul li { /* applies to every item in list - reset; see comments above */
  margin-top: 0;  /* the default is 0 */
/* background-color: pink; */  /* debug */
}

._li_topic {
  /* For each topic in a list, used like "1. <span class="_li_topic">Topic</span>. Topic discussion ... ". See titanium1a.html */

    font-style: italic;
}

table, td, th {
	table-layout: fixed;  /* 1/25/2015 - required for responsive page per Al Sparber email <admin@projectseven.com>. See good discussion here http://css-tricks.com/fixing-tables-long-strings/ -- The width of the columns in the first row establish the widths of all other rows.*/
        /* auto ----- Automatic table layout algorithm (this is default):
            The column width is set by the widest unbreakable content in the cells
            Can be slow, since it needs to read through all the content in the table, before determining the final layout
        
        fixed ----- Fixed table layout algorithm:
            The horizontal layout only depends on the table's width and the width of the columns, not the contents of the cells
            Allows a browser to lay out the table faster than the automatic table layout
            The browser can begin to display the table once the first row has been received
        */	

	border: 2px solid black;
 	border-collapse: collapse; 
/*	spacing: 50px; */ /* no effect? */ /* 9/Mar/2022 - validator.w3.org/nu gives error "Property align doesn't exist" */
 	padding: 50px; /* 13/Mar/2022 6:12 - no effect? */ 
 	margin-top: 1em; /* 28/Apr/2015 22:42 */
	
	text-overflow: clip;  /* 1/25/2015 - if text extend beyond the cell width. See materials1.html where an extra long line of "---------" is clipped. */
	   /* Allowed values: clip|ellipsis|string|initial|inherit */
	background-color: transparent;

  /* The following is supposedly required for text-overflow to do anything. See http://css-tricks.com/almanac/properties/t/text-overflow/ 
  However,  doesn't seem to be needed in a table cell (see materials1.html). Note: if the following is set then in materials1.html the notes in the table don't wrap but instead are clipped. */
/*
  overflow: hidden;
*/
 /* color: purple; */ /* debug */

}

table td /*, th */ { /* 1/22/2015 - td must come before th. Otherwise, subsequent tables are affected; unknown reason. */
	padding: 5px; 
	border: 1px solid black !important; /* puts a border around every cell. Doesn't work w/o !important  */
	word-wrap: break-word !important; /* 25/May/2015 8:00 - breaks long "unbreakable" words (i.e., words w/o obvious breaks such as urls). http://stackoverflow.com/questions/1258416/word-wrap-in-an-html-table ; http://www.w3schools.com/cssref/css3_pr_word-wrap.asp */
}
 
table th { /* 1/22/2015 - th must come after td. Otherwise, subsequent tables are affected; unknown reason. */
  border: 2px solid black !important;  /* Doesn't work w/o !important  */
  padding: 5px; /* 13/Mar/2022 6:12 - no effect? */ 
  font-weight: 600; /* for the title (slightly lighter than normal bold @700). See Castro, p. 238 */
 /* color: blue; */
  background: #CFF; /* pale cyan */ /* #FF9; pale yellow */ /* #6ff; */ /* ~ cyan */
}

mark {background-color: yellow;} /* see Castro, p. 117 */

/* ------------------------------------- End Initialization --------------------------------------- */

._responsive_image {
	height:auto;
	width:100%; 
	max-width: 100%; /* redundant? */
}
/* 1/24/2015 - see http://stackoverflow.com/questions/15458650/make-an-image-responsive-simplest-way. Also see http://stackoverflow.com/questions/3029422/image-auto-resize-to-fit-div-container 
See example in classic_horn_comparisons */

/* -------------------- For setting ul symbols in order as disc, square, circle ------------------- */
._ul_disc_square_circle {
  list-style: disc;  /* if don't explicitly specify list-style, defaults to disc */
}
._ul_disc_square_circle ul {
  list-style: square;  /* if don't explicitly specify list-style, defaults to circle */
}
._ul_disc_square_circle ul ul {
  list-style: circle;  /* if don't explicitly specify list-style, defaults to square */
}

/* -------------------- For setting all ul symbols to disc ------------------- */
._ul_table_of_contents,  ._ul_table_of_contents ul,  ._ul_table_of_contents ul ul,  ._ul_table_of_contents ul ul ul, ._ul_table_of_contents ul ul ul ul ul {
  list-style: disc; 
}

/* ------------- To set ul symbols at left margin with proper indentation of sub headings --------- */
/* DRC 1/17/2015 - Useage - 
    <ul class="_ul_noindent" style="list-style: circle"> 
(change list-style as needed) */
/* Normally list symbols are indented wrt left margin. This eliminats most of indent by specifying margin-left.
See http://www.cssdrive.com/index.php/examples/exampleitem/markerless_and_no_indent_lists/
Ex. see materials.html (the table) 
For a list of possible symbols (non-graphic) see http://quirksmode.org/css/lists.html */
/* In a table, if a cell's padding = 0 then for _ul_noindent:
  margin-left: 0px; 
  padding-left: 0.0em; 
  ==> root _ul_noindent text sits just to right of cell left border ==> symbol sits left of cell left border
	==> in p7csspbm2_09.css ".main-content .content" symbol sits at far left
	
  margin-left: 15px; 
  padding-left: 0.0em; 
  ==> root _ul_noindent symbol sits ~on cell left border
	==> in p7csspbm2_09.css ".main-content .content" with padding-left: 20px, in IE symbol aligns @ left of body text (sits farther L in DW live view)
*/

._ul_noindent {
  margin-left: 15px; 
    /* left of root symbol; set in px not em so is independent of font size; 
    15px works well for table in IE when cellpadding="5", not quite aligned L in p7csspbm2_09.css ".main-content .content" */
  padding-left: 0.0em; 
    /* left of a symbol wrt it's parent list item; set as em so adjusts correctly with font size */
  
  /* for above, Castro (p. 392) uses:
  	margin-left: 0; (for <=IE7)
  	padding-left: 18px; (~1.125 em)
  */
  
  text-indent: 0em; /* -1em outdents the 1st line. Use this if list-style=none; otherwise, use 0em in which case all text will be left aligned (allowing for the list-style symbol) */
 }
 ._ul_noindent ul {
  margin-left: 1.3em; /* left of symbol - to align correctly with parent li */
  padding-left: 0em; /* between the symbol the text */

/*  padding-top: 20.0em; */ /* debug - 14/Nov/2017 20:59 no effect */
/*  margin-top: 20.0em; */ /* debug - 14/Nov/2017 20:59 no effect */
  
/* font-size: 2.0em; */ /* debug - if set font-size here then each sub-ul-li are scaled by this font-size relative to the parent */
 }
 ._ul_noindent ul ul {
  margin-left: 1.0em;  /* left of symbol - to align correctly with parent li */
 }

/* 2/12/2015 - obsolete. Replaced by "._list_no_top_margin li:first-child". */
._ul_noindent li:first-child {
/*	color: red; */ /* debug to verify that the 1st li is affected */
/*	margin-top: -1em; */ 
  /* Eliminate extra space above 1st li. See zmaterials1_short_table1a.html */
	/* A +value increases the vertical spacing; a -value decreases the vertical spacing. */
/*	padding-top: 50px; */ /* A +value increases the vertical spacing; a -value has no effect */
}
._ul_noindent ul li:first-child {
/*	color: black; */ /* reset; otherwise, subsequent 1st li inherit. See zmaterials1_short_table1a.html */
/*	margin-top: 0em; */ /* reset */
}

/* -------------------------------- To eliminate list top margin ---------------------------------- */
.main-content .content ._list_no_top_margin li:first-child {
	margin-top: -1em; /* Eliminate extra space above 1st li. See zmaterials1_short_table1a.html & list1a.html */
			/* A +value increases the vertical spacing; a -value decreases the vertical spacing. */
/*	padding-top: 50px; */ /* A +value increases the vertical spacing; a -value has no effect */
/*	color: red; */ /* debug to verify that the 1st li is affected */
}

/* 1st sub-list item & all subsequent - reset spacing (anything here that might be inherited from li:nth-child(1) must be set to !important */
.main-content .content ._list_no_top_margin ul li,  .main-content .content ._list_no_top_margin ol li {
	margin-top: 0em !important; /* reset; otherwise moves up & overlaps parent. */
	color: black !important ; /* reset; otherwise, subsequent 1st li inherits. See zmaterials1_short_table1a.html */
}
/* ------------------------------------------------------------------------------------------------ */

/* To show a break in the subject matter. Place this in the row where the break occurs. 
Useage: <tr class="_table_divider">. See titanium1.html */
._table_divider {
  border-top: 2px solid black;
}

/* 20/Feb/2022 - justification for individual table cells (https://www.tagindex.net/css/table/align.html). See use for footer in master.html. */
._text_left { text-align: left; }
._text_center { text-align: center; }
._text_right { text-align: right; }

/* Text alignment for an entire table column. From http://stackoverflow.com/questions/4458131/is-there-a-way-to-set-the-text-alignment-of-entire-column-in-a-table */
/* Useage - to specify which column numbers you want center or right aligned, i.e. if you want column 2 & 7 right aligned, and 3 centered, just do:
<table class="_text_right2 _text_center3 _text_right7"> . Example, see "glossary\q1_dict.html" */
._text_right1 td:nth-child(1),  ._text_right1 th:nth-child(1),
._text_right2 td:nth-child(2),  ._text_right2 th:nth-child(2),
._text_right3 td:nth-child(3),  ._text_right3 th:nth-child(3),
._text_right4 td:nth-child(4),  ._text_right4 th:nth-child(4),
._text_right5 td:nth-child(5),  ._text_right5 th:nth-child(5),
._text_right6 td:nth-child(6),  ._text_right6 th:nth-child(6),
._text_right7 td:nth-child(7),  ._text_right7 th:nth-child(7),
._text_right8 td:nth-child(8),  ._text_right8 th:nth-child(8),
._text_right9 td:nth-child(9),  ._text_right9 th:nth-child(9) { text-align: right; }

._text_center1 td:nth-child(1),  ._text_center1 th:nth-child(1),
._text_center2 td:nth-child(2),  ._text_center2 th:nth-child(2),
._text_center3 td:nth-child(3),  ._text_center3 th:nth-child(3),
._text_center4 td:nth-child(4),  ._text_center4 th:nth-child(4),
._text_center5 td:nth-child(5),  ._text_center5 th:nth-child(5),
._text_center6 td:nth-child(6),  ._text_center6 th:nth-child(6),
._text_center7 td:nth-child(7),  ._text_center7 th:nth-child(7),
._text_center8 td:nth-child(8),  ._text_center8 th:nth-child(8),
._text_center9 td:nth-child(9),  ._text_center9 th:nth-child(9) { text-align: center; }

/* nowrap for an entire table column. Avoids having to put &nbsp; for every space. To force a wrap use <br>.
From http://stackoverflow.com/questions/4458131/is-there-a-way-to-set-the-text-alignment-of-entire-column-in-a-table */
/* Useage - if you want columns 2 & 7 nowrap:
<table class="_white_space_no_wrap2 _white_space_no_wrap7"> . Example, see "material\titanium1.html"*/
._white_space_no_wrap1 td:nth-child(1),  ._white_space_no_wrap1 th:nth-child(1),
._white_space_no_wrap2 td:nth-child(2),  ._white_space_no_wrap2 th:nth-child(2),
._white_space_no_wrap3 td:nth-child(3),  ._white_space_no_wrap3 th:nth-child(3),
._white_space_no_wrap4 td:nth-child(4),  ._white_space_no_wrap4 th:nth-child(4),
._white_space_no_wrap5 td:nth-child(5),  ._white_space_no_wrap5 th:nth-child(5),
._white_space_no_wrap6 td:nth-child(6),  ._white_space_no_wrap6 th:nth-child(6),
._white_space_no_wrap7 td:nth-child(7),  ._white_space_no_wrap7 th:nth-child(7),
._white_space_no_wrap8 td:nth-child(8),  ._white_space_no_wrap8 th:nth-child(8),
._white_space_no_wrap9 td:nth-child(9),  ._white_space_no_wrap9 th:nth-child(9) { white-space: nowrap; }

/* To resize an image - see http://www.computerhope.com/issues/ch000055.htm */
._scale_50pct {
  max-width: 50%;
  max-height: 50%;
}
._scale_100pct {
  max-width: 100%;
  max-height: 100%;
}


/* 1/25/2015 - completely blank table into which other objects are inserted - used for page layout */
._table_blank { /* 1/22/2015 - td must come before th. Otherwise, subsequent tables are affected; unknown reason. */
/*	table-layout: fixed; */ /* 1/25/2015 */
/*  table-layout: auto; */ /* 30/Jun/2015 17:51 - never implemented */
  border: 0px solid black; /* 2px nominal */
  border-collapse: collapse; /* debug */
  /* spacing: 0px; */ /* 9/Mar/2022 - validator.w3.org/nu gives error "Property align doesn't exist" */
}
._table_blank td /*, th */ { /* 1/22/2015 - td must come before th. Otherwise, subsequent tables are affected; unknown reason. */
	border: 0px solid black;
	padding: 0px;
}
._table_blank th { /* 1/22/2015 - td must come before th. Otherwise, subsequent tables are affected; unknown reason. */
  border: 0px solid black;
  padding: 0px;
}

._table_default { /* 1/22/2015 - td must come before th. Otherwise, subsequent tables are affected; unknown reason. */
  table-layout: fixed;  /* 1/25/2015 */
  border: 2px solid black; /* 2px nominal */
  border-collapse: collapse; /* debug */
  /* spacing: 0px; */ /* 9/Mar/2022 - validator.w3.org/nu gives error "Property align doesn't exist" */

  margin-top: 15px; /* 13/Jan/2016 8:00 */
  margin-bottom: 15px; /* 13/Jan/2016 8:00 */
  
   /* 13/Jan/2016 7:54 - to center the table. See http://www.granneman.com/webdev/coding/css/centertables/  Otherwise, aligns left*/
  margin-left: auto;
  margin-right: auto;

 /* color: blue; */
}
._table_default td /*, th */ { /* 1/22/2015 - td must come before th. Otherwise, subsequent tables are affected; unknown reason. */
	padding: 5px;
  border: 1px solid black !important;  /* puts a border around every cell. Doesn't work w/o !important  */
}
._table_default th { /* 1/22/2015 - th must come after td. Otherwise, subsequent tables are affected; unknown reason. */
  border: 2px solid black !important;  /* Doesn't work w/o !important  */
  padding: 5px;
  font-weight: bold;
 /* color: blue; */
}

._table_x_borders {
  table-layout: fixed;  /* 1/25/2015 */
  border: 0px solid black;
  padding: 5px;
  /* spacing: 5px; */ /* 9/Mar/2022 - validator.w3.org/nu gives error "Property align doesn't exist" */
}
._table_x_borders td {
  border: 0px solid black;
  padding: 5px;
  /* spacing: 5px; */ /* 9/Mar/2022 - validator.w3.org/nu gives error "Property align doesn't exist" */
 
  white-space: nowrap;
  overflow: hidden;
}

/* http://stackoverflow.com/questions/19254411/how-do-i-set-vertical-space-between-list-items */
/* For an example, see numbered list in uniformity_calculation.html */
/* 4/2/2015 */
._li_spaced li {
    margin-top: 5px;  /* the default is 0. Increase margin-top slightly for every li except first-child below */
/*    border: 1px solid grey;  */ /* debug */
}
._li_spaced li:nth-child(1) { /* 1st list item - reset */
    margin-top: 0;  /* the default is 0 */
/*    background-color: red; */ /* debug */
}

._table_container { /* container for table and associated caption */
  table-layout: auto; 
		/* The table cells are just wide enough to accommodate the text. Therefore, can center the text & don't have to use nonbreaking spaces. */
  width:  auto;  /* if set to "100%" instead of "auto" then table is centered, regardless of  margin-left */

  border-collapse: collapse; 
  /* spacing: 0px; */ /* 9/Mar/2022 - validator.w3.org/nu gives error "Property align doesn't exist" */
  
  margin-top: 15px;
  margin-bottom: 15px;
  
  /* to center the table. See http://www.granneman.com/webdev/coding/css/centertables/  Otherwise, aligns left*/
  margin-left: auto;
  margin-right: auto;

  padding: 0px;
 
  border: 0px solid purple !important;
  page-break-inside: avoid; /* 1/May/2015 8:28 - avoids breaking the image */

/* degugging */  
/*  width: 400px !important; */
/*  background-color: yellow;  */
}
._table_container td { 
  border: 0px solid red !important; /* puts a border around every cell */
/*  width: 100%; */
/*  width: 1000px !important; */ /* no effect - width of _table_img_container takes precedence */
/*  background: pink; */
}
._table_container tr { 
  border: 0px solid red !important; /* puts a border around every cell */
/*  width: 100%; */
/*  width: 1000px !important; */ /* no effect - width of _table_img_container takes precedence */
/*  background: pink; */
}

/* fits inside _table_container. Used to contain multiple images & associated captions side-by-side. Ex - see uniformity_basic_concepts.html */
._table_container_interior { /* same as _table_container but no top or bottom margins & width = auto */
  table-layout: auto; 
		/* The table cells are just wide enough to accommodate the text. Therefore, can center the text & don't have to use nonbreaking spaces. */
  width: auto; /* if set to "auto" instead of "100%" then width reduces to native size of img */
  border-collapse: collapse; 
  /* spacing: 0px; */ /* 9/Mar/2022 - validator.w3.org/nu gives error "Property align doesn't exist" */
  
  margin-top: 0;
  margin-bottom: 0;
  
  /* to center the table. See http://www.granneman.com/webdev/coding/css/centertables/ */
  margin-left: auto;
  margin-right: auto;
 
  padding: 0px;
 
  border: 0px solid green;  /* puts a border around every row */
  page-break-inside: avoid; /* 1/May/2015 8:28 - avoids breaking the image */
}
._table_container_interior td { 
  border: 1px solid black !important;  /* puts a border around every cell. Doesn't work w/o !important  */

/*  width: 100%; */
/*  width: 1000px !important; */ /* no effect - width of _table_img_container takes precedence */
/*  background: pink; */ /* debug */
}

.z_table_container_interior td td { 
  border: 0px solid black !important;  /* 19/Nov/2015 22:18 - removes the border around every cell in a nested table. Doesn't work w/o !important */

/*  width: 100%; */
/*  width: 1000px !important; */ /* no effect - width of _table_img_container takes precedence */
/*  background: yellow;  */ /* debug */
}

._table_container_interior th { 
  border: 2px solid black  !important; /* puts a border around header */ /* 19/Nov/2015 14:36 */

/*  width: 100%; */
/*  width: 1000px !important; */ /* no effect - width of _table_img_container takes precedence */
/*  background: pink; */
}

._table_container_interior tr { 
/*  border: 0px solid green;  */ /* puts a border around every row */

/*  width: 100%; */
/*  width: 1000px !important; */ /* no effect - width of _table_img_container takes precedence */
/*  background: pink; */
}


/* fits inside _table_img_container. Used to contain multiple images & associated captions side-by-side. Ex - see uniformity_basic_concepts.html */
._table_img_container_interior { /* same as _table_img_container but no top or bottom margins & width = auto */
  table-layout: auto; 
		/* The table cells are just wide enough to accommodate the text. Therefore, can center the text & don't have to use nonbreaking spaces. */
  width: auto; /* if set to "auto" instead of "100%" then width reduces to native size of img */
  border-collapse: collapse; 
  /* spacing: 0px; */ /* 9/Mar/2022 - validator.w3.org/nu gives error "Property align doesn't exist" */
  
  margin-top: 0;
  margin-bottom: 0;
  
  /* to center the table. See http://www.granneman.com/webdev/coding/css/centertables/ */
  margin-left: auto;
  margin-right: auto;
 
  padding: 0px;
 
  border: 0px solid green !important;
  page-break-inside: avoid; /* 1/May/2015 8:28 - avoids breaking the image */
}

._table_img_container { /* container for images and associated caption */
  table-layout: auto; 
		/* The table cells are just wide enough to accommodate the text. Therefore, can center the text & don't have to use nonbreaking spaces. */
  width:  100%;  /* if set to "auto" instead of "100%" then width reduces to native size of img */
  border-collapse: collapse; 
  /* spacing: 0px; */ /* 9/Mar/2022 - validator.w3.org/nu gives error "Property align doesn't exist" */
  
  margin-top: 15px;
  margin-bottom: 15px;
  
  /* to center the table. See http://www.granneman.com/webdev/coding/css/centertables/ */
  margin-left: auto;
  margin-right: auto;
 
  padding: 0px;
 
  border: 0px solid red !important;
  page-break-inside: avoid; /* 1/May/2015 8:28 - avoids breaking the image */

/* degugging */  
/*  width: 400px !important; */
/*  background-color: yellow;  */
}

._table_img_container td {
  border: 0px solid red !important;   /* debug for layout */ /* 13/Jan/2016 7:40 - !important added */
/*  width: 100%; */
/*  background: pink; */
}

._table_img_container tr { 
/*  border: 0px solid red !important; */ /* no effect */

/*  width: 100%; */
/*  width: 1000px !important; */ /* no effect - width of _table_img_container takes precedence */
/*  background: pink; */
}
._table_img_container tr:nth-child(2) { 
/*  width: 1000px !important; */ /* no effect - width of _table_img_container takes precedence */
/*  width: 100%; */
/*  border: 3px solid black; */
}

._table_img_temp1 { /* to be placed inside _table_img_container - allows the image & caption to be scaled separately */
/*  table-layout: auto;  */
		/* The table cells are just wide enough to accommodate the text. Therefore, can center the text & don't have to use nonbreaking spaces. */
  border-collapse: collapse; 
  /* spacing: 0px; */ /* 9/Mar/2022 - validator.w3.org/nu gives error "Property align doesn't exist" */ 

  /* set image size relative to _table_img_container - actually indirectly adjust height based on width so that the image doesn't take up too much vertical  space.
  Based on a default LibreCalc graph image whose raw  size ~ 755 px x 430 px */
  width: 100% !important;   /* 5/May/2015 22:23 - now handled by _img_scale_default */
    /* of _table_img_container. If needed, this will take precedence oversetting the scale in the image tag -- e.g., 
  	<td><img class="scalable _table_img" src="_images/ti_6al_4v_effect_of_raw_stock_dia_on_youngs_modulus.gif" width="754" height="427"></td> */

  /* to center the table. See http://www.granneman.com/webdev/coding/css/centertables/ 
  If eliminate these then table is left justified */
  margin-left: auto;
  margin-right: auto;

  margin-top: 0px;
  margin-bottom: 0px;
  
   border: 0px solid blue !important;

/*  padding: 0px;  */ /* no effect here - must be declared in td */

/* degugging */ 
/*
  background-color: cyan; 
*/
}
._table_img_temp1 td {
  padding: 0px; /* shrinks the image to fit in declared width of _table_img */ 

/* to center -
  display: block;
  margin-left: auto;
  margin-right: auto;
*/
  text-align: center; /* centers image */
/*  vertical-align: middle; */ /* no effect */

/* degugging */  
/*  width: 200px !important; */ /* if set width in % img just fills entire _table_img; works OK in px */
/*  border: 2px solid green;  */
}

/* -------------  For all images ------------ */
._table_img { /* to be placed inside _table_img_container - allows the image & caption to be scaled separately */
/*  table-layout: auto;  */
    /* 25/Jul/2015 15:12 - Obsolete. By obsoleting this, can display 2 CARD 640x480 images side-by-side in a table (images become scaled). Otherwise, these extend beyond RHS of containing table. See notes in E:\websites\usr\test_pages\card\classic_horn_comparisons.html. 
    Doesn't seem to have any negative effects. Checked in:
      http://www.ultrasonic-resonators.org/materials/titanium/titanium_1a.html
      http://www.ultrasonic-resonators.org/design/uniformity/uniformity_basic_concepts.html
      http://www.ultrasonic-resonators.org/design/uniformity/uniformity_improvement_methods_1a.html
      http://www.ultrasonic-resonators.org/glossary/contour1_dict.html
    Can also use table-layout: fixed; 
    --> checked only in  E:\websites\usr\test_pages\card\classic_horn_comparisons.html. 
    */
		/* The table cells are just wide enough to accommodate the text. Therefore, can center the text & don't have to use nonbreaking spaces. */
  border-collapse: collapse; 
  /* spacing: 0px; */ /* 9/Mar/2022 - validator.w3.org/nu gives error "Property align doesn't exist" */ 

  /* set image size relative to _table_img_container - actually indirectly adjust height based on width so that the image doesn't take up too much vertical  space.
  Based on a default LibreCalc graph image whose raw  size ~ 755 px x 430 px */
/*  width: 100% !important;  */ /* 5/May/2015 22:23 - now handled by _img_scale_default. However, _img_scale_default (below) obsoleted on Obsolete 8/May/2015 6:36 */
  /* 29/Jul/2015 7:42 - if  used in conjunction with _img_screen_height (e.g., <img class="scalable _img_screen_height _img_print_height" src="contoured_gun_horn_3d.gif" width="1680" height="1552">) then the image is distorted laterally (too wide relative to height). See gif image (#0) in:
  file:///E:/websites/usr/test_pages/distorted_image_in_chrome/distorted_image_in_chrome_1a.html */
    /* % of _table_img_container. If needed, this will take precedence oversetting the scale in the image tag -- e.g., 
  	<td><img class="scalable _table_img" src="_images/ti_6al_4v_effect_of_raw_stock_dia_on_youngs_modulus.gif" width="754" height="427"></td> */

  /* to center the table. See http://www.granneman.com/webdev/coding/css/centertables/ 
  If eliminate these then table is left justified */
  margin-left: auto;
  margin-right: auto;

  margin-top: 0px;
  margin-bottom: 0px;
  
  border: 0px solid blue !important;

/*  padding: 0px;  */ /* no effect here - must be declared in td */

/* degugging */ 
/*
  background-color: cyan; 
*/
}
._table_img td {
  border: 0px solid black !important; /* 13/Jan/2016 7:20 - added */  
  padding: 0px; /* shrinks the image to fit in declared width of _table_img */ 

/* to center -
  display: block;
  margin-left: auto;
  margin-right: auto;
*/
  text-align: center; /* centers image */
/*  vertical-align: middle; */ /* no effect */

/* degugging */  
/*  width: 200px !important; */ /* if set width in % img just fills entire _table_img; works OK in px */
/*  border: 2px solid green;  */
}
/* -------------  End "For all images" ------------ */

  /* set image size relative to _table_img_container - actually indirectly adjust height based on width so that the image doesn't take up too much vertical  space.
  Based on a default LibreCalc graph image whose raw  size ~ 755px x 430px */
/* Obsolete 8/May/2015 6:36
._img_scale_default {width: 70%; }
*/

/* used to set/modify image size in _table_img, generally for non-graph images to make the height the same as scaled LibreCalc graph images -- e.g., 
class="_table_img _img_50_pct" */ /* doesn't work without !important */
/* Obsolete 8/May/2015 6:36
._img_scale_g { width: 40% !important; } 
._img_scale_h { width: 45% !important; }
._img_scale_i { width: 50% !important; }
._img_scale_j { width: 55% !important; }
._img_scale_k { width: 60% !important; }
._img_scale_l { width: 65% !important; }
._img_scale_m { width: 70% !important; }
._img_scale_n { width: 75% !important; }
._img_scale_o { width: 80% !important; }
._img_scale_p { width: 85% !important; }
._img_scale_q { width: 90% !important; }
._img_scale_r { width: 95% !important; }
._img_scale_s { width: 100% !important; }
*/

._table_caption { /* to be placed inside _table_img_container after the table image - allows the image & caption to be scaled separately */
  table-layout: auto;
		/* The table cells are just wide enough to accommodate the text. Therefore, can center the text & don't have to use nonbreaking spaces. */
  border-collapse: collapse; 

  width: auto; /* 100%; *//* of _table_img_container. Set to same as _table_img if don't want text to extend beyond edge of image */
  
  /* to center the table. See http://www.granneman.com/webdev/coding/css/centertables/ 
  If eliminate these then table is left justified */
  margin-left: auto; 
  margin-right: auto;
 
  margin-top: 0pt;
  margin-bottom: 0pt;

  border: 0px solid green !important;
/* degugging */  
/*  background-color: pink;  */
}
._table_caption td {
  border: 0px solid black !important; /* 13/Jan/2016 7:20 - added */  
  border-collapse: collapse; 
  padding: 0pt;
  
  text-align: center;
  font-weight: 700; /* for the caption title (slightly lighter than normal bold @700). See Castro, p. 238 */
  font-size: 1.0em; /* 1.1em for the caption title */
  line-height: 150%; /* 23/Apr/2016 4:52 - was 115% */
/*  white-space: nowrap;  */
}

/* ------------- 4/10/2015 - general image, centered ------------ */
._zzz_table_image { /* 26/Jul/2015 22:16 - previously replaced by _table_img */
	table-layout: auto;
	/* The table cells are just wide enough to accommodate the text. Therefore, can center the text & don't have to use nonbreaking spaces. */
	margin-left: auto; /* to center the table. See http://www.granneman.com/webdev/coding/css/centertables/ */
	margin-right: auto; /* to center the table */
	margin-top: 20px;
	margin-bottom: 20px;
	/* spacing: 0px; */ /* 9/Mar/2022 - validator.w3.org/nu gives error "Property align doesn't exist" */
	border: 0px solid black !important;
	border-style: ridge;
	padding: 0px; /* for the title in the 2nd (bottom) row */
	font-weight: 400; /* for the title (slightly lighter than normal bold @700). See Castro, p. 238 */
	font-size: 1em; /* for the title */
	background-color: transparent;
}
._zzz_table_image td { /* 26/Jul/2015 22:16 - previously replaced by _table_img */
	border: 0px solid black;
	text-align: left;
}

._table_graph {
  table-layout: auto;
		/* The table cells are just wide enough to accommodate the text. Therefore, can center the text & don't have to use nonbreaking spaces. */
  /* spacing: 0px; */ /* 9/Mar/2022 - validator.w3.org/nu gives error "Property align doesn't exist" */
  border: 0px solid black;  /* 3/May/2015 7:35 - was 2px */
  border-style: ridge;
  margin-top: 20px;
  margin-bottom: 20px;
  
  padding: 0px; /* for the title in the 2nd (bottom) row */ /* 3/May/2015 7:32 - was 10px but no padding needed w/o border */
  font-weight: 600; /* for the caption title (slightly lighter than normal bold @700). See Castro, p. 238 */
  font-size: 1.1em; /* for the caption title */
  background-color: var(--background_color__main_content); 
}

._table_graph td {
  border: 0px solid black; 
  text-align: center;  /* 1/May/2015 7:12 */
}

/* ------------- 3/30/2015 - used for diagrams of horn face & stud surface where the area around these surfaces has been made transparent ------------ */
._table_horn_performance {
  table-layout: auto;
		/* The table cells are just wide enough to accommodate the text. Therefore, can center the text & don't have to use nonbreaking spaces. */
  margin-left: auto; /* to center the table. See http://www.granneman.com/webdev/coding/css/centertables/ */
  margin-right: auto; /* to center the table */
  margin-top: 20px;
  margin-bottom: 20px;
  /* spacing: 0px; */ /* 9/Mar/2022 - validator.w3.org/nu gives error "Property align doesn't exist" */
  border: 0px solid black !important;  
  border-style: ridge;

  padding: 0px; /* for the title in the 2nd (bottom) row */
  font-weight: 600; /* for the title */
  font-size: 1.1em; /* for the caption title */
  background-color: transparent; 
}
._table_horn_performance td {
  border: 0px solid black;  
}

@media print { /* see http://www.w3schools.com/cssref/pr_print_pagebi.asp */
  ._table_horn_performance {page-break-inside: avoid;}
}

/* 2016-01-04 */
._eqn_latex {
	padding-left: 2em;
	 
/*  font-size: 1.1em !important; */ /* 2021/06/21 */
/*  background-color: yellow !important; */ /* 2021/06/21 debug  */
}

/* ------------- 1/31/2015 - table to format a text-based eqn (not LaTeX) that has a numerator & denominator ------------ */
._float_left {float: left;}

._table_var_description, td, th {
  table-layout: auto;
		/* The table cells are just wide enough to accommodate the text. Therefore, can center the text & don't have to use nonbreaking spaces. */
  border-collapse: separate;   /* if set to collapse, bottom of small equation brackets don't display */
  border: 0px solid red;
  padding: 0px; 
  /* spacing: 0px; */ /* 9/Mar/2022 - validator.w3.org/nu gives error "Property align doesn't exist" */ 
/*  height: 1px; */
  margin-top: -0.5em; /* move closer to "where:" */
  background-color:  transparent;
}
._table_var_description td:nth-child(1) ,  ._table_var_description th:nth-child(1) { /* 1st col */
  border: 0px solid black !important; /* 13/Jan/2016 7:20 - !important added; otherwise, border displays */  
  padding-left: 30px !important;	/* indent - same as _eqn_term */
  padding: 0px;
  padding-right: 2px;	
  white-space: nowrap;   /* 13/Mar/2015 5:55 - added this for all of following _eqn* */

/*    background-color: yellow;  */ /* debug */
}
._table_var_description td:nth-child(2) ,  ._table_var_description th:nth-child(2) { /* 2nd col */
  border: 0px solid black !important; /* 13/Jan/2016 7:20 - !important added; otherwise, border displays */   
  padding: 0px;
  white-space: nowrap;   /* 13/Mar/2015 5:55 - added this for all of following _eqn* */

/*    background-color: green;  */ /* debug */
}

._table_eqn, td, th {
  table-layout: auto;
		/* The table cells are just wide enough to accommodate the text. Therefore, can center the text & don't have to use nonbreaking spaces. */
  border-collapse: separate;  /* if set to collapse, bottom of small equation brackets don't display */
  border: 0px solid red !important;
  padding: 0px;
  /* spacing: 0px; */ /* 9/Mar/2022 - validator.w3.org/nu gives error "Property align doesn't exist" */ /* allows narrower ends at top and bottom of  equation brackets */
  margin-top: 0.5em; /* 29/Apr/2015 6:19 */
  background-color:  transparent;
}

@media print { /* see http://www.w3schools.com/cssref/pr_print_pagebi.asp */
  ._table_eqn {page-break-inside: avoid;}
}

/* 9/Apr/2015 9:41 */
._table_eqn td { /* 1/22/2015 - td must come before th. Otherwise, subsequent tables are affected; unknown reason. */
  border: 0px solid black;  /* If don't include this then all subsequent td that don't have an explicit class will have a border */
    /* Don't declare this !important else can't subsequently override -- e.g., ._eqn_denominator, _eqn_bracket */
  padding: 0px;
  vertical-align: middle; 
}

/* 9/Apr/2015 9:41 */ 
._table_eqn th { /* 1/22/2015 - td must come before th. Otherwise, subsequent tables are affected; unknown reason. */
  border: 0px solid black !important;
  padding: 0px;
  vertical-align: middle; 
}

/* 12/12/2015 - the equation num; effectively adds an indent */
._zeqn_num {
  border: 0px solid black; 
  padding-left: 30px !important;	/* indent */
  white-space: nowrap;   /* 13/Mar/2015 5:55 - added this for all of following _eqn* */
  vertical-align: top !important; 
/*  background-color: transparent; */ /* no effect */}

/* 1/31/2015 - the term on the left side of the "="; effectively adds an indent */
._eqn_term {
	border: 0px solid black !important; /* 13/Jan/2016 7:20 - !important added; otherwise, border displays */
	padding-left: 30px !important;	/* indent */
	white-space: nowrap;   /* 13/Mar/2015 5:55 - added this for all of following _eqn* */
/*  background-color: transparent; */ /* no effect */}

/* 9/Apr/2015 8:40 - formatting the =, +, - (was _eqn_equals) */
._eqn_operator {
 	border: 0px solid black !important; /* 13/Jan/2016 7:20 - !important added; otherwise, border displays */  
	padding-left: 3px !important;	
	padding-right: 3px !important;	
	white-space: nowrap;
}

/* 9/Apr/2015 9:41 - generally used for any eqn section that doesn't have an explicit denominator */
._eqn_other {
	border: 0px solid green !important; 
	padding-left: 3px !important;	
	padding-right: 3px !important;	
	white-space: nowrap;
}

._eqn_numerator {
	border: 0px solid red !important; 
	text-align: center;
	white-space: nowrap;
	
/* background-color: yellow;  */ /* debug */
}

._eqn_denominator {
  border: 0px solid black !important; 
  border-top: 1px solid black !important;
		/* Establishes the divisor line that separates the numerator & denominator. */
  text-align: center;
  white-space: nowrap;
  width: 30px;  /* 13/Mar/2015 5:54 - actually the  min width for the numerator-denominator column so a reasonable length divisor line will be displayed, even if there is only a single char in both the numerator and denominator. For example, see thin_wire_wave_speed1_dict.html */
/* background-color: yellow;  */ /* debug */
}

._eqn_bracket {
  border: 2px solid black !important;
  width: 3px; /* establishes width of top & bottom bracket borders */
  white-space: nowrap;
/*  background-color: red;  */ /* debug */
}

._eqn_bracket_left { /* always used in conjunction with _eqn_bracket */
	border-right-width: 0px !important;
/*	background: red; */ /* debug */
}

._eqn_bracket_right { /* always used in conjunction with _eqn_bracket */
	border-left-width: 0px !important;
/*	background: red; */ /* debug */
}

/* 13/Mar/2015 6:01 - formatting a column that only contains a superscript (e.g., 1/2) */
._eqn_superscript {
  border: 0px solid black !important; 
  padding-left: 0px;	
  padding-right: 0px;
/*  padding-bottom: 50px; */ /* no effect */
  vertical-align: top !important;	
  white-space: nowrap;
}

/* 9/Apr/2015 7:24 - for separating adjacent cells, typically for 2-line brackets */
._eqn_blank {
  border: 0px solid black !important;
  width: 2px; /* establishes width of top & bottom bracket borders */
}


/* hanging indent for eqn "where" (const or variable descriptions). See sinh1_dict.html */
._where {
	padding-left: 30px; /* same as _eqn_term */
	text-indent: -30px;
}

/* vars or terms that contain multiple words */
/* obsolete 2015-12-18
._eqn_var {
	background-color: yellow;
}
*/

/* --------------------------------------- For text-based inline equations ----------------------------------------- */

._sigma_1line { /* for uppercase sigma &#x2211; (N-Ary summation) that spans 1 line (row) of  a table. Useage: <span class="_sigma_1line">&#x2211;</span> See uniformity_basic_concepts.html */
  font-family: "Segoe UI Symbol"; 
  font-size: 1.0em;
/*  vertical-align: middle; */ /* no effect */
  padding-bottom: 0.1em !important; /* positions above the baseline. Set to 1/10 of font-size */
}

._sigma_2line { /* for uppercase sigma &#x2211; (N-Ary summation) that spans 2 lines (rows) of  a table. Useage: <span class="_sigma_1line">&#x2211;</span> See uniformity_basic_concepts.html */
  font-family: "Segoe UI Symbol"; 
  font-size: 2.5em;
/*  vertical-align: middle; */ /* no effect */
  padding-bottom: 0.25em !important; /* positions above the baseline. Set to 1/10 of font-size */
}

/* 12/24/2015 - the paragraph that contains the equation num; effectively adds an indent */
._eqn_num {
  float: left; /* image will sit at the left of the eqn num */
  margin-left: 1.5em !important;	/* indent */ /* 24/Dec/2015 3:06 - was 30px */
  margin-right: 0.5em; /* 24/Dec/2015 3:13 - the distance between the _eqn_num and the eqn image */
  font-weight: bold; /* if want any chars to  have different font-weight, must use inline span -- <span class="_reset_font" style="font-style: italic;">some_chars</span>
/*  vertical-align: top !important;  */
/*  background-color: transparent; */ /* no effect */}

/* 17/Dec/2015 22:16 - inline equation variable as text (not image). 
Ex -- <p>Some text <span class="_eqn_var">Ax + b</span></p>
<span class="_eqn_var">Z</span>
<span class="_eqn_fn">K</span> --> for functions like sin; also used for consts such as e, pi
*/

._eqn_var, ._eqn_fn { 
  font-family: "times new roman", serif; /* 19/Dec/2015 7:24 - same as font for body */
  font-size: 1.25em; /* to give the  same font height as Verdana */
}
._eqn_var { 
  font-style: italic;
/*  background-color: yellow; */ /* debug */
}
._eqn_fn { 
/*  background-color: cyan; */ /* debug */
}

._svg_eqn_width {
 width: 70%;   /* 17/Dec/2015 15:17  - for scaling svg equations created in MathMagic. This value works in conjunction with Inkscape document properties -- Custom page width. 80% works well with Inkscape Custom page width of 600 px on Lenovo laptop (screen res 1368 ). Tried explicitly setting {height: xx%} but didn't work. Also see @media below. */
/*  background-color: pink; */ /* debug */
}

@media print {
  ._svg_eqn_width {width: 80%;} /* 17/Dec/2015 15:17  - see comments at above _svg_eqn_width. Note that _svg_eqn_width is here scaled to the same ratio as body {font-size:  120%} */
}

@media only screen and (min-width: 1367px) {
  ._svg_eqn_width {width: 85%;} /* 17/Dec/2015 15:17  - see comments at above _svg_eqn_width. */
}

/* ------ Masthead ---------------------------------------------------------------------- */
/* 17/Mar/2022 15:01 - moved from p7csspbm2_09.css */

.masthead {
	border-top-left-radius: var(--corner_radius);
	border-top-right-radius: var(--corner_radius);
	
	background-color: var(--background_color__masthead_footer); /* 12/Mar/2022 17:05 */
	height: auto; 
	  /* default; just encompasses child elements (e.g., h1 with padding) */
/*	width: 100%; */ /* 26/Mar/2022 3:38 - never implemented; no effect? */
	
/*	margin: 0px; */ /* 26/Mar/2022 3:38 - never implemented; no effect? */ 
	padding: 0px;
	text-align: left;
}
.masthead .logo { /* 12/Mar/2022 17:07 - currently no effect */
}
.masthead h1 { /* 12/Mar/2022 10:47 - using ".masthead p" doesn't work correctly because adds top and bottom margins, per p defined in drc1a.css */
	margin: 0px;
	color: var(--color__masthead);
	
	/* 13/Mar/2022 17:57 - 
	The following approx centers the text vertically and gives the same height (70px) 
	as div menutop-wrapper */
		padding-top: 10px;
		padding-bottom: 15px;
	
	padding-left: var(--global_padding_left); /* 13/Mar/2022 8:24 */
	padding-right: var(--global_padding_right); /* 13/Mar/2022 8:24 */

	font-family: "times new roman"; /* DRC 26/May/2015 14:20 - not prev. specified */
	font-variant: small-caps;
	font-size: 1.9em !important; /* DRC 1/13/2015 - was 1.35 em */
 	letter-spacing: .10em; /* DRC 26/May/2015 14:21 - was .35em */

	font-weight: 500; /* DRC 26/May/2015 14:21 - was normal */
}
/*Max-Width allows the image to scale with the page*/
.masthead .banner img {
	height: auto !important;
	width: auto !important;
	max-width: 100%;
	display: block;
}
.masthead .banner {
	z-index: 20;
	position: relative;
}

/* ------ Masthead (end) ---------------------------------------------------------------- */

/* ------ Menutop ----------------------------------------------------------------------- */

/* ------ Menutop control --------------------------------------------------------------- */
/* 17/Mar/2022 15:03 - moved from p7csspbm2_09.css */

.menutop-wrapper { /* Encompasses google_translate-wrapper + menutop-button-wrapper */
/*	background-color: #6E6D68; */
	border-bottom: var(border__menutop);
	box-shadow: 0px 0px 30px #999; /* gray */
	position: relative;
	z-index: 10;
	
	/* 13/Mar/2022 18:01
	The following are chosen to give the same div height as masthead for current settings
	of text heights, button heights, etc. */
		padding-top: 14px; /* above buttons */
		padding-bottom: 4px; /* below buttons */
		  /* 13/Mar/2022 6:45 - asymmetric wrt padding-top because of vertical position 
		  of google_translate-wrapper dropdown list */

/*	padding-left: var(--global_padding_left); */ /* 13/Mar/2022 8:24 */
/*	padding-right: var(--global_padding_right); */ /* 13/Mar/2022 8:24 */

	overflow: hidden;
}

.google_translate-wrapper { 
  /* Fits inside <div class="menutop-button-wrapper">. Shares space with ul.menutop. See master.html. */
  padding-top: 9px; /* to vertically center dropdown box in the cell */ 
  
  float: left;
	width: 1%; /* a small value */
	  /* 10/Mar/2022 - was 22% but buttons not centered across the page (shifted right); 
	  1% allows button centering */
/* 10/Mar/2022 16:43	
	float: right;
*/	
} /* DRC 1/18/2015 - put in separate wrapper (inside menutop-wrapper) to L of menutop-button-wrapper */

.menutop-button-wrapper {
  padding-top: 0px; /* to vertically center in menutop_buttons_cell */ 
	float: right;
	width: 100%; /* 10/Mar/2022 19:10 - was 78%; now spans almost entire width of page */
} 
/* DRC 1/18/2015 - put in separate wrapper (inside menutop-wrapper) to R of google_translate-wrapper. 
  Prevents buttons from temporarily shifting L before the google_translate is finally shown */

.menutop { /* minimal block to contain all menu buttons */
	margin: 0px;
	padding: 0px;
	
	/* 16/Mar/2022 23:02 - the following are required to vertically center the menu buttons
	in the parent menutop-button-wrapper div. Not sure why. */
	padding-top: 9px;
	padding-bottom: 9px;

	display: inline-block;
  vertical-align: middle !important;  
    /* 17/Mar/2022 15:39 - without this, slight extra space is inserted below buttons */
}

.menutop li { /* each menu button */
	list-style-type: none;
	margin-right: 7px; /* between buttons */
	float: left; 
/* 	background-color: red; */
	margin-top: 0px !important;  /* 3/Apr/2015 10:43 - to override the li settings in drc1a.css */
}
 
.menutop li:last-child {
	margin-right: 0px;
}

.menutop .current1, .current2 {
	background-color: rgba(116, 117, 26, 0.8) !important; /* ~gold */
} 
/* DRC - 1/16/2015 - used to hilight the current menu button; see the discussion http://www.pviiforums.com/topic.php?id=19352 */
  
/* ------ Menutop control (end) --------------------------------------------------------- */

/* ------ Menutop grid ------------------------------------------------------------------ */

.menutop_grid-container {
  display: grid;
/*  grid-template-rows: 60px; */ /* row height */
    /* 16/Mar/2022 10:32 - don't explicitly set row height here. Instead, use 
    "grid-auto-rows: auto;" below. Otherwise, if the screen width is reduced then the 
    stacked nav buttons don't properly display. */
  grid-template-columns: 190px 3px auto;
  gap: 0px; /* debug - between columns; same color as background-color here */
  padding: 0px;  /* around exterior of grid */
/*  background-color: cyan; */ /* debug - padding & gap */
  
/*  padding: 3px; */  /* debug - around exterior of grid */
/*	background-color: var(--background_color__menutop); */ /* padding & gap */
      /* 16/Mar/2022 10:46 - now handled individually for each cell (below) so that each cell
      can have it's own color, particularly menutop_vertical_divider_cell */

  align-items: center; /* vertical alignment */

  /* 17/Mar/2022 4:32 - subtle shadow upward into masthead 
  (https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow) */
 	z-index: 20; /* 17/Mar/2022 3:57 - no effect */
	box-shadow: 0px 0px 30px var(--color__menutop);
	  /* 1st & 2 nd terms - X & Y offsets; 3rd term - sharpness of shadow (0 = perfectly sharp) */
	position: relative; /* 17/Mar/2022 3:59 - doesn't work without this */
}

.menutop_grid-container > div {
/*  background-image: url(/_icons_and_backgrounds/pbm-menu-bg.jpg); */
    /* 16/Mar/2022 9:39 - don't put here since also covers over menutop_vertical_divider_cell.
    Now handled by menutop_translate_cell & menutop_buttons_cell. */
	background-color: var(--background_color__menutop); 
	  /* fallback in case background-image not found (below) */
  padding-top: 0px;  
    /* 16/Mar/2022 21:34 - creates equal padding top and bottom */
  padding-bottom: 0px;  

 	padding-left: var(--global_padding_left);
	padding-right: var(--global_padding_right); /* 15/Mar/2022 9:19 - no effect */

  grid-auto-rows: auto;
    /* 16/Mar/2022 10:34 - dynamically adjust row height so that nav buttons are correctly
    displayed (stacked) if the screen width is reduced */

  height: 100%; 
    /* 16/Mar/2022 20:53 - vertically fills children's height to parent's height 
    except for parent's vertical padding */

}

.menutop_translate_cell {
  background-image: url(/_icons_and_backgrounds/pbm-menu-bg.jpg); 
/*  background-image: url(var(background_image__menutop)); */ /* 5/Apr/2022 6:42 - doesn't work */
    /* image with faint parallel horizontal lines. Automtically expands to fill 
    menutop_grid-container, including any padding specified there. */
}

.menutop_vertical_divider_cell {
 	padding-left: 0 !important;
 	padding-right: 0 !important;

  background-color: var(--background_color__masthead_footer) !important;
/*	background-color: yellow !important; */ /* debug */
		
  background-image: none;
}

.menutop_buttons_cell {
  background-image: url(/_icons_and_backgrounds/pbm-menu-bg.jpg); 
}

  /* ------ Google translate control ------------------------- -------------------------- */
  
  #google_translate_element {
  /* This positions the google_translate_element to the float position of the div in which it is placed. 
  If placed in div menutop-wrapper then inline with buttons. However, buttons no longer centered 
  because of space occupied by Google dropdown.
  If don't want inline then use text-align below. */	
    float: left;
  	padding-left: 0; /* 13/Mar/2022 8:24 - now handled by menutop-wrapper */
   
  /*	width: 78%;
  */
  /*	background-color: red; */ /*  DRC 1/17/2015 - background color for the entire div; however, not affected if float: left */
  /*	text-align: left; */ /* will align left below the buttons */
  /*	vertical-align: 30px; */ /* see Castro, p. 307 - has no effect, either + or - value */
  padding-top: 8px; /* this approx centers the the google toolbar vertically in the div */
  /* color: red; */ /* debug */
  }
  
  /* ------ Google translate control (end) ------------------- -------------------------- */
  
/* ------ Menutop grid (end) ------------------------------------------------------------ */

/* ------ Sidebar control ------------------------- ------------------------------------- */

/* 18/May/2015 21:36 - replaced by below which is simpler (no need to add <class="_no_link" in sidebar html). However, still used in notes.html */
._no_link {
	background-color: var(--background_color__no_link); /* same as below */
}

/* ------ Sidebar control (end) ---------------------------- ---------------------------- */

/* ------- Glossary control ------------------------------------------------------------- */

._dict_topic { 
	margin-top: 0px; 
	padding-top: var(--page_title_padding_top); /* 29/Mar/2022 17:19 */
/*	color: blue; */
}
/* glossary topic - occurs at top of page */

._dict_main_heading {
	font-weight: bold; 
/*	font-size: 2.0em; */ /* no effect */
}
/* 2/10/2015 - for the letter headings A, B, C ... and any other main headings */

a._dict_link { 
	font-style: italic;
/*	color: red; */
/*	background-color: red; */
}
/* 2/8/2015 - a link to a glossary topic rather than a standard link */

/* ------- Glossary control (end) ------------------------------------------------------- */


/* ------ Footer ------------------------------------------------------------------------ */

/* ------ Footer control ---------------------------------------------------------------- */
/* 18/Mar/2022 6:54 - none of the following seems to have any effect */

.footer {
	box-shadow: inset 0px 16px 2px rgba(255,255,255,.025);
	border-top: var(--border__footer);


/*	color: var(--color__footer); */
/*	color: #8C8C8C; 26/Mar/2022 3:49 */

	text-align: center;
}

.footer .footer-content-wrapper { /* 11/Mar/2022 9:54 */
	float: right;
	width: 100%;
}

.footer p.copyright {
	text-transform: uppercase;
	margin: 0px;
}

/* ------ Footer control (end) ---------------------------------------------------------- */

/* ------ Footer grid ------------------------------------------------------------------- */

.footer_grid-container {
  display: grid;
  grid-template-rows: 60px; /* row height */

  grid-template-columns: auto 140px;
    /* 18/Mar/2022 7:28 - 2nd col replaced by "gap" below 
    Left col (auto) is for copyright info.
    Right col (footer_revised_cell) - Text = "Revised on". Tested with a variety of languages.
    Myanmar was widest - just barely fit with 130 px. Therefore, increased to 140 px. 
    (Still looks reasonable with left justification.) */
    /* 
    14/Mar/2022 23:22 - 1st col - 200px not wide enough for some language translations -
      Albanian, Malayalam 
    18/Mar/2022 7:06 - 1st col - 250px not wide enough for some language translations -
      Armenian 
    */
  gap: 0px; /* debug - between columns */
	background-color: var(--background_color__masthead_footer); 
	  /* Applies to gap but no effect if no gap. 
	  background-color for cells is assigned in "footer_grid-container > div" */
/*  background-color: yellow; */ /* debug - padding & gap - to see border */
/*	background-color: transparent; */ /* debug */

  border: var(--border__global); /* Must specify border or border radius doesn't work */
  border-top: 0px; /* 4/Apr/2022 14:15 */
  
	border-bottom-left-radius: var(--corner_radius);
	border-bottom-right-radius: var(--corner_radius);

  /* Global padding for this container. Same color as this background-color. */
   	padding-top: 0px; 
   	padding-bottom: 0px; 
}

.footer_grid-container > div { /* applies to every assigned cell in div */
/*	background-color: var(--background_color__masthead_footer); */
/*	3/Apr/2022 13:11 - background-color needs to be in footer_grid-container else small gap */

/* 3/Apr/2022 9:34 - this applies a border & radius to every cell
  border: var(--border__global);
	border-bottom-left-radius: var(--corner_radius);
	border-bottom-right-radius: var(--corner_radius);
*/

  text-align: left;
  padding: 8px 0; /* padding to vertically center the individual cells below */
    /* vertical from top; horizontal from left */

  font-size: 13px;
/*	font-size: 0.8em; */  /* 1/Apr/2022 12:52 - why changed? */
  color: var(--color__footer);
}

.footer_copyright_cell {
	padding-left: var(--global_padding_left);

/* 3/Apr/2022 9:34 - no effect */
  border-bottom-left-radius: var(--corner_radius);

	
/*  padding: 0px 0px; */ /* vertical horizontal */
}

.footer_copyright_text {
	padding-left: var(--global_padding_left);
  text-align: left;
/*  padding: 0px 0px; */ /* vertical horizontal */
/*	color: cyan; */ /* debug */
}

.footer_revised_cell {
  /* 16/Mar/2022 3:44 18:10; 26/Mar/2022 6:09 - superceded by border-radius for content-wrapper */
  /*
 	  border-bottom-right-radius: var(--corner_radius);
 	*/
 	
/*  padding: 0px 0px; */ /* vertical horizontal */
}

.footer_revised_text {
  text-align: left;
/*  padding: 0px 0px; */ /* vertical horizontal */
/*	color: yellow; */ /* debug */
}

.footer_date_text {
  text-align: left;
/*  padding: 0px 0px; */ /* vertical horizontal */
/*	color: red; */ /* debug */
}
/* ------ Footer grid (end) ------------------------------------------------------------- */

/* ------ Footer table ------------------------------------------------------------------ */
/* Obsolete 18/Mar/2022 9:16 */
 /* 1/25/2015 - complete footer table into which other objects are inserted - used for page layout */
._table_footer { /* 1/22/2015 - td must come before th. Otherwise, subsequent tables are affected; unknown reason. */
  table-layout: auto; /* 1/28/2015 - even if the cell would like to shrink as the window is narrowed, the cell will never shrink smaller than the longest string of text (unlike fixed). See related comments in usr_i.dwt (search <table class="_table_footer">). */
/*  width: 100%; */ /* 1/28/2015 - if not specified, table will automatically fill the entire container width */
  border: 0px solid black; /* 2px nominal */
  border-collapse: collapse; /* debug */
/*  align: center; */ /* Purpose? 9/Mar/2022 - validator.w3.org/nu gives error "Property align doesn't exist" */
  /* spacing: 0px; */ /* 9/Mar/2022 - validator.w3.org/nu gives error "Property align doesn't exist" */
/*  white-space: nowrap; */ /* 1/28/2015 - don't use. Otherwise, copyright string won't wrap when the window narrows. Instead, use nonbreaking spaces in the string as required. */
/*  padding: 30px 0px 10px 0px; */ /* 12/Mar/2022 17:55 - no effect */
}

._table_footer tr { /* 1/22/2015 - td must come before th. Otherwise, subsequent tables are affected; unknown reason. */
/*  align: center; */ /* Purpose? 9/Mar/2022 - validator.w3.org/nu gives error "Property align doesn't exist" */
}

._table_footer td /*, th */ { /* 1/22/2015 - td must come before th. Otherwise, subsequent tables are affected; unknown reason. */
  border: 0px solid black !important; /* set to 2px for debugging */
/*  padding: 10px 0px 10px 0px; */  /* 12/Mar/2022 17:58 - not needed */
/*  margin: 20px 0px 0px 0px; */ /* 12/Mar/2022 17:25 - no effect */
  white-space: nowrap; /* 11/Mar/2022 12:40 */
}

._table_footer th { /* 1/22/2015 - td must come before th. Otherwise, subsequent tables are affected; unknown reason. */
  border: 0px solid black;
  padding: 0px;
}
/* ------ Footer table (end) ------------------------------------------------------------ */

 /* 1/22/2015 - no exterior or cell borders. See materials1.html for example - table inside of another table, used as a list */

/* 1/22/2015 - doesn't seem to be needed
 ._table_x_borders td {
 border: 0px solid black;
 }
*/

._page_title {
  color: black; /* 2/Mar/2022 19:25 - to distinguish from normal h1 color */

	margin-top: 0px; 
    /* 29/Mar/2022 16:59 - If non-zero then a corresponding non-zero gap appears below 
    left sidebar where columns-wrapper background-color shows through.
    However, don't delete; otherwise, the same gap due to padding-top occurs.
    */  
	
	padding-top: var(--page_title_padding_top); /* 29/Mar/2022 17:19 */
	  /* 29/Mar/2022 17:32 - Note that _page_title already has some padding due to
	  line-height below */
/*	padding-top: 0; */ /* debug */
	
	text-align: center;
	line-height: 150%; 
	  /* Spacing for multi-line titles. Looks good in Firefox but looks too big in 
	  Dreamweaver Design tab. Ex. titanium1.html */
}

._table_of_contents_title { /* 3/Mar/2022 8:27 */
	margin-top: 10px; /* 4/Apr/2022 6:57 - override h1 */
	margin-bottom: 0px; /* 4/Apr/2022 6:57 */
  font-size: 1.35em; color: black;
}

._table_of_contents_subhead { /* 6/Mar/2022 8:27 - for "Figures" and "Tables" headings */
  font-size: 1.10em; color: black; /* 8/Mar/2022 20:30 - 1.15 seems slightly too big */
  font-weight: bold;
	margin-top: 15px; 
	margin-bottom: 0px; 
}

._table_of_contents_subhead ul { /* 6/Mar/2022 8:27 - for "Figures" and "Tables" headings */
  font-size: 1.0rem; 
    /* 8/Mar/2022 - ordinarily the font-size is *** computed relative to the parent ***.
    Here, if _table_of_contents_subhead = 1.15em then using a font size of 1.0em here for the individual list items
    would give a resulting font size of 1.0*1.15 = 1.15. 
    To avoid this, use rem instead of em to override compounding. 
    See https://developer.mozilla.org/en-US/docs/Web/CSS/font-size */
  color: green;
  font-weight: normal;
/*  font-style: italic; */ /* debug */
	margin-top: 5px; /* 8/Mar/2022 9:40 - was 0px */ 
	margin-bottom: 0px; 
}


/* -------------------------------------------- Links  -------------------------------------------- */
/* defaults */
a {color: black; text-decoration: none; font-weight: normal;} /* 1/23/2015 */
a:link {color: blue;  text-decoration: underline;} /* 12/Jan/2016 9:26 - moved from p7csspbm2_09.css */
  /* 10/Jun/2015 4:52 - underline used in case viewer is color blind. Johns Hopkins uses blue underline. */
a:hover, a:focus { /* 12/Jan/2016 9:26 - moved from p7csspbm2_09.css */
/* 	font-style: italic; */
/*	color: #C30; */ /* DRC 1/23/2015 */
/*	text-decoration: underline; */ /* DRC 1/23/2015 - same as p7TM3-10.css */
/*	font-weight: bold; */ /* DRC 1/23/2015 - don't use since causes entire line of text to shift slightly when hovered */
  background-color: #c4d6ff ; /* 10/Jun/2015 5:07 - medium-pale blue; chosen using GIMP's forground color picker . Shows up well against either a white background  of the main content or the pale background of the L sidebar. */
}
a:visited {/* color: black; */ text-decoration: none; font-weight: normal;} /* 1/23/2015 */

.menutop a { /* 12/Jan/2016 9:26 - moved from p7csspbm2_09.css */
	display: block;
	color: #CCC;
	text-decoration: none;
	padding: 8px 12px; /* 1st determines the height of the button; 2nd is width */
/*	padding: 12px 12px; */
	font-size: 1em;
	border: 1px solid;
/*	background-color: yellow; */ /* #333 */  /* dark gray */
	box-shadow: inset 0px 12px 6px rgba(255,255,255,.15), 0px 0px 10px rgba(0,0,0,.5);  /* gives buttons 3D appearance */
	border-radius: 5px;
	border-color: rgba(255,255,255,.5);

/* DRC - 1/16/2015 - hover now illuminates button immediately (no pause) */
/*	-webkit-transition: all linear .35s .1s; */
/*	transition: all linear .35s .1s; */
}

.menutop a:hover, .menutop a:focus { /* 12/Jan/2016 9:26 - moved from p7csspbm2_09.css */
	color: #FFFFFF;
	background-color: rgba(51,51,51,0.2);
	outline: 0;
}

/* DRC - 1/16/2015 - debugging */
.menutop /* a:link */ /* a:active */  a:focus { /* 12/Jan/2016 9:26 - moved from p7csspbm2_09.css */
	color: red; 
	background-color: navy; 
	outline: 0;
}
/* a:link - "Site map" takes on the above attributes when any other button is clicked. If "Site map" is clicked then it takes the default a: color & continues
with that color after another button is clicked. */
/* a:active or a:focus - "Site map" takes on the above attributes when the button is clicked but only until the mouse button is released */

/* a:active: changes color when mouse is clicked & held but no permanent color change */
/* a:checked -- nothing */
/* , .menutop a:active , .menutop a:checked */ /* .menutop a:visited */ 
  
.content a {color: blue;  text-decoration: underline;} /* DRC 1/23/2015 */  /* 12/Jan/2016 9:26 - moved from p7csspbm2_09.css */
  /* 10/Jun/2015 4:52 - underline now used in case viewer is color blind. Johns Hopkins uses blue underline. */
.content a:hover, .content a:focus { /* 12/Jan/2016 9:26 - moved from p7csspbm2_09.css */
  background-color: #c4d6ff ; /* 10/Jun/2015 5:07 - medium-pale blue; chosen using GIMP's forground color picker . Shows up well against either a white background  of the main content or the pale background of the L sidebar. */
/* 	font-style: italic; */
 /*	font-weight: bold; */ /* DRC 1/23/2015 - don't use since causes entire line of text to shift slightly when hovered */
}
.footer a { /* 12/Jan/2016 9:26 - moved from p7csspbm2_09.css */
	color: #8C8C8C;
}
.footer a:hover, .footer a:focus { color: #FFF; } /* 12/Jan/2016 9:26 - moved from p7csspbm2_09.css */

a._new_window_link { 
/* 	font-style: italic; */
/*	color: red; */
	background-color: var(--background_color__new_window_link); /* pale cyan */
/* 	target: _blank; */ /* doesn't work - see http://stackoverflow.com/questions/17281486/use-target-blank-in-css */
}
/* 3/22/2015 - a link that opens a new window*/

._table_of_contents a {text-decoration: none;} /* 12/Jan/2016 9:26 - use "text-decoration: none"; otherwise, looks to "busy" */

/* ------------------------------------- For references ------------------------------------------- */
._author {
	font-weight: bold;
/*	color: purple; */
}
._title_book {
	font-style: italic;
/* 	background-color: purple; */
/*	color: purple; */
}
._title_article {
	font-style: normal;
/*	color: purple; */
}
._title_patent {
/* 2/16/2015 - for future use */
	font-style: normal;
/*	color: purple; */
}
._foreign_language {
	font-style: italic; /* e.g., for "et al", "ibid", etc. */
/*	color: purple; */
}

._hidden {
/*	color: red; */ /* debug */
	visibility: hidden;
}
/* hidden text used as placeholder so that the "=" signs align in mating tables. See eqn_format1a.html */

.posted {
	font-size: 0.75em;
}
/* date that a topic has been posted or updated (located at bottom of page) */


/* ------------------------------------- General ------------------------------------------- */
._text_default {
	font-size: 1.0em !important;
	text-decoration: none  !important;
	color: black  !important;
	text-align: left  !important;
}

._inline {display: inline;}

._no_top_margin { margin-top: 0px; }
._no_bottom_margin { margin-bottom: 0px; } 

._text_right { text-align: right; }
._text_center { text-align: center; }

/* ------------------------------------- Debugging ------------------------------------------- */
._debug_border_red { border: 3px solid red !important;}
._debug_border_blue { border: 3px solid blue !important;}

.table_test1 {margin-top: 0px;}
._table_zero_margins {margin-top: 0; margin-bottom: 0; }