Another tabs update

Lots of minor updates.

_site/content/product_records/main_tab_product.html

@@ -755,45 +755,45 @@ <h2 class="anchored" data-anchor-id="point-of-contacts">Point of Contacts</h2>
 <tr class="odd">
 <td style="text-align: left;">pointOfContact</td>
 <td style="text-align: left;">FWS Science Applications National Data Steward</td>
-<td style="text-align: left;">Required</td>
+<td style="text-align: left;"><span style="color:#b50909;"><strong>Required</strong></span></td>
 </tr>
 <tr class="even">
 <td style="text-align: left;">pointOfContact</td>
 <td style="text-align: left;">Data Steward</td>
-<td style="text-align: left;">Required</td>
+<td style="text-align: left;"><span style="color:#b50909;"><strong>Required</strong></span></td>
 </tr>
 <tr class="odd">
 <td style="text-align: left;">principalInvestigator</td>
 <td style="text-align: left;">The Project PI</td>
-<td style="text-align: left;">Required, if applicable</td>
+<td style="text-align: left;"><span style="color:#936f38;"><strong>Required, if applicable</strong></span></td>
 </tr>
 <tr class="even">
 <td style="text-align: left;">custodian</td>
 <td style="text-align: left;">Data Custodian</td>
-<td style="text-align: left;">Required, if applicable</td>
+<td style="text-align: left;"><span style="color:#936f38;"><strong>Required, if applicable</strong></span></td>
 </tr>
 <tr class="odd">
 <td style="text-align: left;">administrator</td>
 <td style="text-align: left;">Data Trustee</td>
-<td style="text-align: left;">Required</td>
+<td style="text-align: left;"><span style="color:#b50909;"><strong>Required</strong></span></td>
 </tr>
 <tr class="even">
 <td style="text-align: left;">administrator</td>
 <td style="text-align: left;">FWS Region (legacy and DOI Unified)</td>
-<td style="text-align: left;">Required</td>
+<td style="text-align: left;"><span style="color:#b50909;"><strong>Required</strong></span></td>
 </tr>
 <tr class="odd">
 <td style="text-align: left;">collaborator</td>
 <td style="text-align: left;">partnership organizations and/or programs</td>
-<td style="text-align: left;">Required, if applicable</td>
+<td style="text-align: left;"><span style="color:#936f38;"><strong>Required, if applicable</strong></span></td>
 </tr>
 </tbody>
 </table>
 <p><br></p>
-<div class="callout callout-style-default callout-note callout-titled">
+<div class="callout callout-style-default callout-note no-icon callout-titled">
 <div class="callout-header d-flex align-content-center">
 <div class="callout-icon-container">
-<i class="callout-icon"></i>
+<i class="callout-icon no-icon"></i>
 </div>
 <div class="callout-title-container flex-fill">
 Note
@@ -814,16 +814,21 @@ <h4 class="anchored" data-anchor-id="title-1">Title</h4>
 </section>
 <section id="alternate-title" class="level4">
 <h4 class="anchored" data-anchor-id="alternate-title">Alternate Title</h4>
-<p>Add an alternate title.</p>
+<p>Add an **Alternate Title*.</p>
 </section>
 <section id="dates" class="level4">
 <h4 class="anchored" data-anchor-id="dates">Dates</h4>
-<p>Enter <em>acquisition</em>, <em>creation, updated</em>, <em>revision</em>, or <em>publication</em> date reference from the picklist and then enter the date. At least one of these date types is required.</p>
+<p>Enter <strong><em>acquisition</em></strong>, <strong><em>creation</em></strong>, <strong><em>updated</em></strong>, <strong><em>revision</em></strong>, or <strong><em>publication</em></strong> date reference from the picklist and then enter the date. <u>At least one </u> of these date types is required.</p>
 </section>
 <section id="responsible-parties" class="level4">
 <h4 class="anchored" data-anchor-id="responsible-parties">Responsible Parties</h4>
 <p>This must include a point of contact, but may also include other responsible parties such as funders, partners, collaborators, and contributors. Collaborators could be intellectual participants while contributors could be intellectual and financial participants.</p>
-<table class="table-striped table-hover table-bordered table-sm allborder small table">
+<table class="table-striped table-hover table-bordered md allborder table">
+<colgroup>
+<col style="width: 43%">
+<col style="width: 29%">
+<col style="width: 26%">
+</colgroup>
 <thead>
 <tr class="header">
 <th style="text-align: left;">Role</th>
@@ -834,21 +839,21 @@ <h4 class="anchored" data-anchor-id="responsible-parties">Responsible Parties</h
 <tbody>
 <tr class="odd">
 <td style="text-align: left;">principalInvestigator</td>
-<td style="text-align: left;">data creator</td>
-<td style="text-align: left;">Required</td>
+<td style="text-align: left;">Data Creator</td>
+<td style="text-align: left;"><span style="color:#b50909;"><strong>Required</strong></span></td>
 </tr>
 <tr class="even">
 <td style="text-align: left;">coPrincipalInvestigator</td>
-<td style="text-align: left;">data co-creator</td>
-<td style="text-align: left;">Best Practice</td>
+<td style="text-align: left;">Data Co-Creator</td>
+<td style="text-align: left;"><span style="color:#b50909;">Best Practice</span></td>
 </tr>
 </tbody>
 </table>
 <p><br></p>
-<div class="callout callout-style-default callout-note callout-titled">
+<div class="callout callout-style-default callout-note no-icon callout-titled">
 <div class="callout-header d-flex align-content-center">
 <div class="callout-icon-container">
-<i class="callout-icon"></i>
+<i class="callout-icon no-icon"></i>
 </div>
 <div class="callout-title-container flex-fill">
 Note
@@ -861,11 +866,11 @@ <h4 class="anchored" data-anchor-id="responsible-parties">Responsible Parties</h
 </section>
 <section id="online-resource" class="level4">
 <h4 class="anchored" data-anchor-id="online-resource">Online Resource</h4>
-<p>Enter the Name and URL for the location where users can find the product (e.g., ScienceBase page or DOI url). Data.gov refers to this online resource link to send users to the data download.</p>
-<div class="callout callout-style-default callout-note callout-titled">
+<p>Enter the <strong>Name</strong> and <strong>URL</strong> for the location where users can find the product (e.g., ScienceBase page or DOI url). Data.gov refers to this online resource link to send users to the data download.</p>
+<div class="callout callout-style-default callout-note no-icon callout-titled">
 <div class="callout-header d-flex align-content-center">
 <div class="callout-icon-container">
-<i class="callout-icon"></i>
+<i class="callout-icon no-icon"></i>
 </div>
 <div class="callout-title-container flex-fill">
 Note
@@ -878,17 +883,17 @@ <h4 class="anchored" data-anchor-id="online-resource">Online Resource</h4>
 </section>
 <section id="identifier" class="level4">
 <h4 class="anchored" data-anchor-id="identifier">Identifier</h4>
-<p>You may enter as many identifiers as desired, but at least one is required. If you have internal SA specific IDs for projects, enter them here. A Digital Object Identifier (DOI) is the preferred identifier for this. The Archive Folder Name may be included here as well.</p>
+<p>You may enter as many identifiers as desired, but <u>at least one </u> is required. If you have internal SA specific IDs for projects, enter them here. A Digital Object Identifier (DOI) is the preferred identifier for this. The Archive Folder Name may be included here as well.</p>
 <div class="quarto-figure quarto-figure-center">
 <figure class="figure">
 <p><img src="../../assets/doi_identifier_metadata.png" class="img-fluid figure-img"></p>
 <figcaption>Example of Online resource and identifier metadata entries</figcaption>
 </figure>
 </div>
-<div class="callout callout-style-default callout-note callout-titled">
+<div class="callout callout-style-default callout-note no-icon callout-titled">
 <div class="callout-header d-flex align-content-center">
 <div class="callout-icon-container">
-<i class="callout-icon"></i>
+<i class="callout-icon no-icon"></i>
 </div>
 <div class="callout-title-container flex-fill">
 Note
@@ -898,10 +903,10 @@ <h4 class="anchored" data-anchor-id="identifier">Identifier</h4>
 <p>Digital Object Identifier can be entered both as an online resource AND an identifier. Note that the entry format is different. As an online resource, the entire url is required, however, as an identifier, only the prefix and suffix of the DOI are required (see figure above).</p>
 </div>
 </div>
-<div class="callout callout-style-default callout-note callout-titled" title="Best Practice">
+<div class="callout callout-style-default callout-note no-icon callout-titled" title="Best Practice">
 <div class="callout-header d-flex align-content-center">
 <div class="callout-icon-container">
-<i class="callout-icon"></i>
+<i class="callout-icon no-icon"></i>
 </div>
 <div class="callout-title-container flex-fill">
 Best Practice
@@ -911,10 +916,10 @@ <h4 class="anchored" data-anchor-id="identifier">Identifier</h4>
 <p>Create and use internal identifiers that are unique within your region for projects and their products. Example: GNLCC2010-11.</p>
 </div>
 </div>
-<div class="callout callout-style-default callout-note callout-titled">
+<div class="callout callout-style-default callout-note no-icon callout-titled">
 <div class="callout-header d-flex align-content-center">
 <div class="callout-icon-container">
-<i class="callout-icon"></i>
+<i class="callout-icon no-icon"></i>
 </div>
 <div class="callout-title-container flex-fill">
 Note
@@ -924,10 +929,10 @@ <h4 class="anchored" data-anchor-id="identifier">Identifier</h4>
 <p>If your item does not have a ScienceBase ID (SBID) yet, ScienceBase will create one automatically upon publishing. If you imported your item from ScienceBase originally, then the SBID will already be included in Metadata/Metadata Identifier and you do not need to include it here. Note that if you edit an item that is already on ScienceBase without using its existing SBID, a duplicate item will be created on ScienceBase. Consult the <a href="../../content/publishing/publishing_overview.html">Publish</a> section of this manual to learn more.</p>
 </div>
 </div>
-<div class="callout callout-style-default callout-note callout-titled">
+<div class="callout callout-style-default callout-note no-icon callout-titled">
 <div class="callout-header d-flex align-content-center">
 <div class="callout-icon-container">
-<i class="callout-icon"></i>
+<i class="callout-icon no-icon"></i>
 </div>
 <div class="callout-title-container flex-fill">
 Note
@@ -944,7 +949,7 @@ <h2 class="anchored" data-anchor-id="description">Description</h2>
 <p><strong>Description</strong> allows for the addition of the <strong>Abstract</strong> as well as a Short Abstract, Purpose, Supplemental Information, and an Environment Description.</p>
 <section id="abstract" class="level4">
 <h4 class="anchored" data-anchor-id="abstract">Abstract</h4>
-<p>Enter an Abstract</p>
+<p>Enter an <strong>Abstract</strong></p>
 <div class="callout callout-style-default callout-note callout-titled">
 <div class="callout-header d-flex align-content-center">
 <div class="callout-icon-container">
@@ -961,7 +966,7 @@ <h4 class="anchored" data-anchor-id="abstract">Abstract</h4>
 </section>
 <section id="short-abstract" class="level4">
 <h4 class="anchored" data-anchor-id="short-abstract">Short Abstract</h4>
-<p>Enter a short description, limited to 300 characters, if desired. The Best Practice here is to include a few sentences for media communications that Public Affairs may find helpful.</p>
+<p>In the Short <strong>Abstract</strong>, enter a short description, limited to 300 characters, if desired. The Best Practice here is to include a few sentences for media communications that Office of Communications may find helpful.</p>
 </section>
 <section id="supplemental-information" class="level4">
 <h4 class="anchored" data-anchor-id="supplemental-information">Supplemental Information</h4>