This is an automated email from the ASF dual-hosted git repository.

git-site-role pushed a commit to branch asf-site
in repository https://gitbox.apache.org/repos/asf/incubator-netbeans-website.git


The following commit(s) were added to refs/heads/asf-site by this push:
     new 2d68747  Automated site publishing by Jenkins build 379
2d68747 is described below

commit 2d68747fc7f27f192c3f4142081f6ece0abd5e85
Author: jenkins <[email protected]>
AuthorDate: Sat Jan 19 09:12:26 2019 +0000

    Automated site publishing by Jenkins build 379
---
 content/kb/docs/ide/cvs.html                       |  15 +-
 content/kb/docs/ide/git.html                       | 169 +++++++++++++++++----
 content/kb/docs/ide/git_nb_ssh_screencast.html     |   2 +-
 .../ide/install-and-configure-mysql-server.html    |  39 ++++-
 content/kb/docs/ide/mercurial-queues.html          |  91 +++++++++--
 content/kb/docs/ide/mercurial.html                 |  91 +++++++++--
 content/kb/docs/ide/mysql.html                     |  13 +-
 content/kb/docs/ide/oracle-db.html                 |  13 +-
 content/kb/docs/ide/subversion.html                |  13 +-
 content/kb/docs/java/code-inspect.html             |  39 ++++-
 content/kb/docs/java/debug-multithreaded.html      |  13 +-
 content/kb/docs/java/editor-inspect-transform.html |  78 ++++++++--
 content/kb/docs/java/gbcustomizer-advanced.html    | 106 ++++++++++---
 content/kb/docs/java/gbcustomizer-basic.html       |  39 ++++-
 content/kb/docs/java/gui-automatic-i18n.html       |  26 +++-
 content/kb/docs/java/gui-binding.html              |  54 +++++--
 content/kb/docs/java/gui-filechooser.html          |  13 +-
 content/kb/docs/java/gui-functionality.html        |  52 ++++++-
 content/kb/docs/java/gui-gaps.html                 |  39 ++++-
 content/kb/docs/java/gui-image-display.html        |  13 +-
 content/kb/docs/java/hibernate-java-se.html        |  13 +-
 content/kb/docs/java/javase-deploy.html            | 106 ++++++++++---
 content/kb/docs/java/javase-embedded.html          |  26 +++-
 content/kb/docs/java/javase-intro.html             |  13 +-
 content/kb/docs/java/javase-jdk8.html              |  26 +++-
 content/kb/docs/java/jmx-getstart.html             |  13 +-
 content/kb/docs/java/maven-hib-java-se.html        |  13 +-
 content/kb/docs/java/native_pkg.html               |  80 ++++++++--
 content/kb/docs/java/profiler-intro.html           |  13 +-
 content/kb/docs/java/quickstart-gui.html           |  60 ++++++--
 content/kb/docs/javaee/javaee-entapp-ejb.html      |  13 +-
 content/kb/docs/javaee/maven-entapp.html           |  13 +-
 content/kb/docs/javaee/profiler-javaee.html        |  13 +-
 content/kb/docs/javame/imp-ng.html                 |  52 ++++++-
 content/kb/docs/javame/java-card.html              |  13 +-
 content/kb/docs/javame/javacard.html               |  13 +-
 content/kb/docs/javame/nb_me8_screencast.html      |   2 +-
 .../kb/docs/javame/nb_me_plugins_screencast.html   |   2 +-
 content/kb/docs/php/ajax-quickstart.html           |  39 ++++-
 content/kb/docs/php/code-templates.html            |  26 +++-
 .../docs/php/configure-php-environment-ubuntu.html |  13 +-
 .../php/configure-php-environment-windows.html     |  28 +++-
 content/kb/docs/php/debugging.html                 |  17 ++-
 content/kb/docs/php/phpunit.html                   |  13 +-
 content/kb/docs/php/project-setup.html             |   2 +-
 content/kb/docs/php/quickstart.html                |   2 +-
 content/kb/docs/php/screencast-apigen.html         |   2 +-
 content/kb/docs/php/wish-list-lesson1.html         |  30 +++-
 content/kb/docs/php/wish-list-lesson2.html         |  13 +-
 content/kb/docs/php/wish-list-lesson3.html         |  13 +-
 content/kb/docs/php/wish-list-lesson4.html         |  13 +-
 content/kb/docs/php/wish-list-lesson6.html         |  26 +++-
 content/kb/docs/php/wish-list-lesson8.html         |  13 +-
 53 files changed, 1384 insertions(+), 268 deletions(-)

diff --git a/content/kb/docs/ide/cvs.html b/content/kb/docs/ide/cvs.html
index 0deaf1b..b280697 100644
--- a/content/kb/docs/ide/cvs.html
+++ b/content/kb/docs/ide/cvs.html
@@ -117,8 +117,17 @@
 <div class="paragraph">
 <p>CVS, or Concurrent Versions System, is an open-source version control 
system that keeps track of all work and changes in a set of files. This is 
typically used during the implementation of a software project, allowing 
multiple developers to collaborate. For more information about CVS, consult the 
<a href="http://ximbiot.com/cvs/";>official documentation</a>.</p>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> After NetBeans IDE 7.0.1, CVS support is available 
after installing the CVS plugin from the NetBeans IDE Update Center. Please see 
the <a href="http://wiki.netbeans.org/CVSSupport";>CVS FAQ</a> page for 
details.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+After NetBeans IDE 7.0.1, CVS support is available after installing the CVS 
plugin from the NetBeans IDE Update Center. Please see the <a 
href="http://wiki.netbeans.org/CVSSupport";>CVS FAQ</a> page for details.
+</td>
+</tr>
+</table>
 </div>
 <div class="imageblock">
 <div class="content">
@@ -241,7 +250,7 @@
 <p>Depending on the method you are using you may need to specify other 
information, such as a password and proxy settings for connecting to a remote 
repository (e.g. for <code>pserver</code>). Click Next.</p>
 </div>
 <div class="paragraph">
-<p>*Note:*If you are trying to set up public key SSH authentication, see: <a 
href="http://wiki.netbeans.org/wiki/view/FaqHowToSetUpSSHAuth";>How to set up 
public key SSH authentication?</a>.</p>
+<p>NOTE:If you are trying to set up public key SSH authentication, see: <a 
href="http://wiki.netbeans.org/wiki/view/FaqHowToSetUpSSHAuth";>How to set up 
public key SSH authentication?</a>.</p>
 </div>
 <div class="paragraph">
 <p>For more help with accessing local repositories, see: <a 
href="http://wiki.netbeans.org/wiki/view/FaqHowToAccessLocalCVS";>How can I 
access local repositories?</a>
diff --git a/content/kb/docs/ide/git.html b/content/kb/docs/ide/git.html
index ba03c3e..7edcb9c 100644
--- a/content/kb/docs/ide/git.html
+++ b/content/kb/docs/ide/git.html
@@ -286,8 +286,17 @@ After a Git repository is cloned, the metadata  
<code>.git</code>  folder is cre
 <div class="paragraph">
 <p>To clone a repository from GitHub via the SSH protocol, proceed as 
follows:</p>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> You need to have a GitHub account and be a project 
member in order to clone via SSH.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+You need to have a GitHub account and be a project member in order to clone 
via SSH.
+</td>
+</tr>
+</table>
 </div>
 <div class="olist arabic">
 <ol class="arabic">
@@ -311,8 +320,17 @@ After a Git repository is cloned, the metadata  
<code>.git</code>  folder is cre
 </li>
 </ol>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> The OpenSSH private key format is required. Keys 
generated by PuTTYgen for Microsoft Windows must be converted to the OpenSSH 
format before using them in the IDE.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+The OpenSSH private key format is required. Keys generated by PuTTYgen for 
Microsoft Windows must be converted to the OpenSSH format before using them in 
the IDE.
+</td>
+</tr>
+</table>
 </div>
 <div class="olist arabic">
 <ol class="arabic">
@@ -464,8 +482,17 @@ This displays the list of files that are not staged.
 </tr>
 </tbody>
 </table>
-<div class="paragraph">
-<p><strong>Note:</strong> The <a href="#viewFileStatus">status</a> of the file 
in the HEAD displays in green to the left of the slash like shown in the 
following picture.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+The <a href="#viewFileStatus">status</a> of the file in the HEAD displays in 
green to the left of the slash like shown in the following picture.
+</td>
+</tr>
+</table>
 </div>
 <div class="imageblock">
 <div class="content">
@@ -534,8 +561,17 @@ This displays the list of files that are not staged.
 <img src="images/left-margin.png" alt="left margin">
 </div>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> You can click on a color grouping in the margin to 
call versioning commands. For example, the picture below shows widgets 
available to you when clicking a red icon which indicates that lines have been 
removed from your local copy:</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+You can click on a color grouping in the margin to call versioning commands. 
For example, the picture below shows widgets available to you when clicking a 
red icon which indicates that lines have been removed from your local copy:
+</td>
+</tr>
+</table>
 </div>
 <div class="imageblock">
 <div class="content">
@@ -755,8 +791,17 @@ This displays the list of files that are not staged.
 <div class="paragraph">
 <p>Comparing file versions is a common task when working with versioned 
projects. The IDE enables you to compare revisions by using the Diff 
command:</p>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> Several comparing modes - Diff To HEAD, Diff To 
Tracked, and Diff To - are available in the IDE.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+Several comparing modes - Diff To HEAD, Diff To Tracked, and Diff To - are 
available in the IDE.
+</td>
+</tr>
+</table>
 </div>
 <div class="olist arabic">
 <ol class="arabic">
@@ -781,8 +826,17 @@ A graphical Diff Viewer opens for the selected file(s) and 
revisions in the IDE&
 <div class="paragraph">
 <p>The Diff Viewer makes use of the same <a href="#color-coding-table">color 
coding</a> used elsewhere to display version control changes. In the screen 
capture displayed above, the green block indicates content that has been added 
to the more current revision. The red block indicates that content from the 
earlier revision has been removed from the later. Blue indicates that changes 
have occurred within the highlighted line(s).</p>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> Other revisions can be selected from the  
<code>Diff</code>  and  <code>to</code>  drop-down lists below the Diff Viewer 
toolbar.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+Other revisions can be selected from the  <code>Diff</code>  and  
<code>to</code>  drop-down lists below the Diff Viewer toolbar.
+</td>
+</tr>
+</table>
 </div>
 <div class="paragraph">
 <p>The Diff Viewer toolbar also includes buttons that enable you to invoke the 
most common Git tasks on all files displayed in the list. The following table 
lists the Git commands available in the toolbar of the Diff Viewer:</p>
@@ -1076,8 +1130,17 @@ The IDE executes the commit and stores your snapshots to 
the repository. The IDE
 </li>
 </ol>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> As an alternative right-click the versioned project 
or folder and choose Git &gt; Branch/Tag &gt; Create Branch in the popup 
menu.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+As an alternative right-click the versioned project or folder and choose Git 
&gt; Branch/Tag &gt; Create Branch in the popup menu.
+</td>
+</tr>
+</table>
 </div>
 <div class="paragraph">
 <p>The Create Branch dialog box displays.</p>
@@ -1153,8 +1216,17 @@ The Checkout Selected Revision dialog box displays.</p>
 </li>
 </ol>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> If the specified revision refers to a valid commit 
that is not marked with a branch name, your HEAD becomes detached and you are 
no longer on any branch.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+If the specified revision refers to a valid commit that is not marked with a 
branch name, your HEAD becomes detached and you are no longer on any branch.
+</td>
+</tr>
+</table>
 </div>
 <div class="olist arabic">
 <ol class="arabic">
@@ -1170,8 +1242,17 @@ Files in the Working Tree and in the Index are updated 
to match the version in t
 </li>
 </ol>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> If you want to switch your files to a branch that 
already exists (e.g., to a commit that is not at the top of one of your 
branches), you can use the Team &gt; Git &gt; Branch &gt; Switch To Branch 
command, specify the branch in the Switch to Selected Branch dialog box, check 
it out as a new branch (optionally), and press Switch.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+If you want to switch your files to a branch that already exists (e.g., to a 
commit that is not at the top of one of your branches), you can use the Team 
&gt; Git &gt; Branch &gt; Switch To Branch command, specify the branch in the 
Switch to Selected Branch dialog box, check it out as a new branch 
(optionally), and press Switch.
+</td>
+</tr>
+</table>
 </div>
 <div class="paragraph">
 <p>The IDE supports context-sensitive checkout of the file(s), folder(s), or 
project(s) currently selected in the IDE. To check out some files (not a 
branch) from the Index, complete the following steps:</p>
@@ -1247,11 +1328,29 @@ A three-way merge between the current branch, your 
Working Tree contents, and th
 </li>
 </ol>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> If a merge conflict occurs, the conflicting file is 
marked with <a href="#badges">a red badge</a> to indicate this.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+If a merge conflict occurs, the conflicting file is marked with <a 
href="#badges">a red badge</a> to indicate this.
+</td>
+</tr>
+</table>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> After merging you must still <a 
href="#committing">commit</a> the changes in order for them to be added to the 
HEAD.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+After merging you must still <a href="#committing">commit</a> the changes in 
order for them to be added to the HEAD.
+</td>
+</tr>
+</table>
 </div>
 </div>
 <div class="sect2">
@@ -1269,8 +1368,17 @@ A three-way merge between the current branch, your 
Working Tree contents, and th
 </li>
 </ol>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> The branch must be inactive, i.e. not currently 
checked out into the Working Tree.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+The branch must be inactive, i.e. not currently checked out into the Working 
Tree.
+</td>
+</tr>
+</table>
 </div>
 <div class="olist arabic">
 <ol class="arabic">
@@ -1383,8 +1491,17 @@ Your local repository is synchronized with the origin 
repository.</p>
 <div class="paragraph">
 <p>To contribute changes from your local Git repository into a public Git 
repository, perform the following steps:</p>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> When you are going to push your commits into a 
repository and some other changes have been pushed in the meantime, you need to 
pull and merge those changes first.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+When you are going to push your commits into a repository and some other 
changes have been pushed in the meantime, you need to pull and merge those 
changes first.
+</td>
+</tr>
+</table>
 </div>
 <div class="olist arabic">
 <ol class="arabic">
diff --git a/content/kb/docs/ide/git_nb_ssh_screencast.html 
b/content/kb/docs/ide/git_nb_ssh_screencast.html
index 313c1f4..da3648c 100644
--- a/content/kb/docs/ide/git_nb_ssh_screencast.html
+++ b/content/kb/docs/ide/git_nb_ssh_screencast.html
@@ -99,7 +99,7 @@
 <p class="tableblock">Authors: Ondrej Vrabec, Alyona Stashkova
 Time: 3:25</p>
 <p class="tableblock"><a 
href="http://bits.netbeans.org/media/git_nb_ssh.mp4";>Watch full 
size/Download</a> (.mp4) (Ctrl-Click to download, 6,7 MB)</p>
-<p class="tableblock"><strong>Note:</strong> Closed captioning is available 
for this video. Click the CC button at the bottom of the video to turn closed 
captions on.</p>
+<p class="tableblock">NOTE: Closed captioning is available for this video. 
Click the CC button at the bottom of the video to turn closed captions on.</p>
 <p class="tableblock"><a 
href="/about/contact_form.html?to=3&amp;subject=Feedback:%20Screencast%20-%20Cloning%20a%20Git%20Repository%20Using%20NetBeans%20IDE">Send
 Us Your Feedback</a></p></td>
 </tr>
 <tr>
diff --git a/content/kb/docs/ide/install-and-configure-mysql-server.html 
b/content/kb/docs/ide/install-and-configure-mysql-server.html
index f6333ea..ca8d851 100644
--- a/content/kb/docs/ide/install-and-configure-mysql-server.html
+++ b/content/kb/docs/ide/install-and-configure-mysql-server.html
@@ -98,8 +98,17 @@
 <div class="paragraph">
 <p>For information about installing and configuring MySQL database server for 
other operating systems, refer to the <a 
href="http://dev.mysql.com/doc/refman/5.6/en/installing.html";>Installing and 
Upgrading MySQL</a> documentation.</p>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> The <a 
href="../../72/ide/install-and-configure-mysql-server.html">Setting Up the 
MySQL Database Server 5.1 versions in the Windows Operating System</a> document 
provides the instructions on setting up the 5.1 versions of MySQL Server on 
Windows.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+The <a href="../../72/ide/install-and-configure-mysql-server.html">Setting Up 
the MySQL Database Server 5.1 versions in the Windows Operating System</a> 
document provides the instructions on setting up the 5.1 versions of MySQL 
Server on Windows.
+</td>
+</tr>
+</table>
 </div>
 </div>
 </div>
@@ -204,8 +213,17 @@ When the server installation is completed successfully, 
the information message
 </li>
 </ol>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> Choosing this option is necessary to get to the 
panel for setting the network options where you will turn off the firewall for 
the port used by the MySQL server.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+Choosing this option is necessary to get to the panel for setting the network 
options where you will turn off the firewall for the port used by the MySQL 
server.
+</td>
+</tr>
+</table>
 </div>
 <div class="paragraph">
 <p>Click Next.
@@ -214,8 +232,17 @@ When the server installation is completed successfully, 
the information message
 * <strong>MySQL Root Password</strong>. Enter the root user&#8217;s password.
 * <strong>Repeat Password</strong>. Retype the root user&#8217;s password.</p>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> The root user is a user who has full access to the 
MySQL database server - creating, updating, and removing users, and so on. 
Remember the root password - you will need it later when creating a sample 
database.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+The root user is a user who has full access to the MySQL database server - 
creating, updating, and removing users, and so on. Remember the root password - 
you will need it later when creating a sample database.
+</td>
+</tr>
+</table>
 </div>
 <div class="ulist">
 <ul>
diff --git a/content/kb/docs/ide/mercurial-queues.html 
b/content/kb/docs/ide/mercurial-queues.html
index 89860b5..50aa46f 100644
--- a/content/kb/docs/ide/mercurial-queues.html
+++ b/content/kb/docs/ide/mercurial-queues.html
@@ -172,8 +172,17 @@
 </tr>
 </tbody>
 </table>
-<div class="paragraph">
-<p><strong>Note:</strong> Refer to the <a 
href="mercurial.html#settingUp">Using Mercurial Support in NetBeans IDE</a> for 
information on how to install Mercurial client software on your system.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+Refer to the <a href="mercurial.html#settingUp">Using Mercurial Support in 
NetBeans IDE</a> for information on how to install Mercurial client software on 
your system.
+</td>
+</tr>
+</table>
 </div>
 </div>
 </div>
@@ -256,8 +265,17 @@ Alternatively, choose either of the following options and 
click OK afterwards:</
 </li>
 </ol>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> The provided description of a patch will be used as 
a commit message when <a href="#finish">turning the patch into a permanent 
changeset</a>.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+The provided description of a patch will be used as a commit message when <a 
href="#finish">turning the patch into a permanent changeset</a>.
+</td>
+</tr>
+</table>
 </div>
 <div class="olist arabic">
 <ol class="arabic">
@@ -319,8 +337,17 @@ Alternatively, choose either of the following options and 
click OK afterwards:</
 </li>
 </ol>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> The provided description of a patch will be used as 
a commit message when <a href="#finish">turning the patch into a permanent 
changeset</a>.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+The provided description of a patch will be used as a commit message when <a 
href="#finish">turning the patch into a permanent changeset</a>.
+</td>
+</tr>
+</table>
 </div>
 <div class="olist arabic">
 <ol class="arabic">
@@ -371,8 +398,17 @@ The Diff Viewer displays differences found in the current 
patch and all your unc
 </li>
 </ol>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> The Graphical Diff Viewer highlights changes in the 
files using the following color encoding.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+The Graphical Diff Viewer highlights changes in the files using the following 
color encoding.
+</td>
+</tr>
+</table>
 </div>
 <table class="tableblock frame-all grid-all spread">
 <colgroup>
@@ -441,8 +477,17 @@ The Diff Viewer displays differences found in the current 
patch and all your unc
 <div class="paragraph">
 <p>To switch to a particular patch in a patch queue series, you need to 
complete the following steps:</p>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> To switch between patches there <em>must</em> be 
<em>no</em> local modifications in the working copy, otherwise the switch 
fails.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+To switch between patches there <em>must</em> be <em>no</em> local 
modifications in the working copy, otherwise the switch fails.
+</td>
+</tr>
+</table>
 </div>
 <div class="olist arabic">
 <ol class="arabic">
@@ -490,8 +535,17 @@ The IDE applies the changes contained in the selected 
patch to the chosen projec
 <p>Once your work on a patch is done, it can be turned into a permanent 
changeset.
 To turn all applied patches in a patch queue series into regular changesets, 
complete the following steps:</p>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> To apply all saved patches in the repository, choose 
 <code>Team</code>  &gt;  <code>Queues</code>  &gt;  <code>Push All 
Patches</code>  from the main menu.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+To apply all saved patches in the repository, choose  <code>Team</code>  &gt;  
<code>Queues</code>  &gt;  <code>Push All Patches</code>  from the main menu.
+</td>
+</tr>
+</table>
 </div>
 <div class="olist arabic">
 <ol class="arabic">
@@ -513,8 +567,17 @@ The Finish Patches dialog box displays.</p>
 </li>
 </ol>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> All patches in the series before the selected patch 
will also be finished.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+All patches in the series before the selected patch will also be finished.
+</td>
+</tr>
+</table>
 </div>
 <div class="olist arabic">
 <ol class="arabic">
diff --git a/content/kb/docs/ide/mercurial.html 
b/content/kb/docs/ide/mercurial.html
index 2a6aca7..58249c6 100644
--- a/content/kb/docs/ide/mercurial.html
+++ b/content/kb/docs/ide/mercurial.html
@@ -265,8 +265,17 @@
 <pre class="prettyprint highlight"><code class="language-java" 
data-lang="java">hg clone /path/to/your/repository</code></pre>
 </div>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> The NetBeans Mercurial repositories (<a 
href="http://hg.netbeans.org/";>http://hg.netbeans.org/</a>) are used for 
demonstration purposes in this tutorial.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+The NetBeans Mercurial repositories (<a 
href="http://hg.netbeans.org/";>http://hg.netbeans.org/</a>) are used for 
demonstration purposes in this tutorial.
+</td>
+</tr>
+</table>
 </div>
 </div>
 </div>
@@ -316,8 +325,17 @@
 </div>
 </div>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> The IDE&#8217;s drop-down menus are 
context-sensitive, i.e. the available options depend on the item currently 
selected. Therefore, if you are already working within a Mercurial project, you 
can choose  <code>Team</code>  &gt;  <code>Remote</code>  &gt;  <code>Clone 
Other</code>  from the main menu.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+The IDE&#8217;s drop-down menus are context-sensitive, i.e. the available 
options depend on the item currently selected. Therefore, if you are already 
working within a Mercurial project, you can choose  <code>Team</code>  &gt;  
<code>Remote</code>  &gt;  <code>Clone Other</code>  from the main menu.
+</td>
+</tr>
+</table>
 </div>
 <div class="olist arabic">
 <ol class="arabic">
@@ -382,8 +400,17 @@
 </div>
 </div>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> If you are running Windows, be careful of the path 
length that you specify; i.e.,  <code>C:\Documents and Settings\myName\My 
Documents\NetBeans\etc\etc</code>  can cause an unsuccessful clone due to very 
long file paths. Try using  <code>C:\</code>  instead.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+If you are running Windows, be careful of the path length that you specify; 
i.e.,  <code>C:\Documents and Settings\myName\My 
Documents\NetBeans\etc\etc</code>  can cause an unsuccessful clone due to very 
long file paths. Try using  <code>C:\</code>  instead.
+</td>
+</tr>
+</table>
 </div>
 <div class="olist arabic">
 <ol class="arabic">
@@ -445,8 +472,17 @@ Choose Window &gt; Output to open the Output window and 
view the progress.</p>
 </div>
 </div>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> After the project files are placed under Mercurial 
version control, they get registered in the repository as  <code>Locally 
New</code> . The new files and their status can be viewed by clicking on  
<code>Mercurial</code>  &gt;  <code>Show changes</code>  from the right-click 
menu.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+After the project files are placed under Mercurial version control, they get 
registered in the repository as  <code>Locally New</code> . The new files and 
their status can be viewed by clicking on  <code>Mercurial</code>  &gt;  
<code>Show changes</code>  from the right-click menu.
+</td>
+</tr>
+</table>
 </div>
 <div class="openblock feature">
 <div class="content">
@@ -480,8 +516,17 @@ Choose Window &gt; Output to open the Output window and 
view the progress.</p>
 </li>
 </ol>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> The committed files are placed together with the  
<code>.hg</code>  directory in the Mercurial repository directory. The commit 
details are available in the IDE Output window (Ctrl-4 on Windows/Command-4 on 
OS X).</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+The committed files are placed together with the  <code>.hg</code>  directory 
in the Mercurial repository directory. The commit details are available in the 
IDE Output window (Ctrl-4 on Windows/Command-4 on OS X).
+</td>
+</tr>
+</table>
 </div>
 </div>
 </div>
@@ -575,8 +620,17 @@ Choose Window &gt; Output to open the Output window and 
view the progress.</p>
 <img src="images/badge-example.png" alt="badge example">
 </div>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> Status labels are textual indication of file status 
in the Versioning, Projects, and Files windows. To display status labels, 
choose View &gt; Show Versioning Labels from the main toolbar.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+Status labels are textual indication of file status in the Versioning, 
Projects, and Files windows. To display status labels, choose View &gt; Show 
Versioning Labels from the main toolbar.
+</td>
+</tr>
+</table>
 </div>
 <div class="paragraph">
 <p>Badges, color coding, file status labels, and perhaps most importantly, the 
Versioning window all contribute to your ability to effectively view and manage 
and versioning information in the IDE.</p>
@@ -1058,8 +1112,17 @@ Choose Window &gt; Output to open the Output window and 
view the progress.</p>
 <div class="paragraph">
 <p>To push changes, choose  <code>Team</code>  &gt; ( <code>Mercurial</code>  
&gt;)  <code>Remote</code>  &gt;  <code>Push Current Branch</code> ,  
<code>Team</code>  &gt; ( <code>Mercurial</code>  &gt;)  <code>Remote</code>  
&gt;  <code>Push All Branches</code> , or  <code>Team</code>  &gt; ( 
<code>Mercurial</code>  &gt;)  <code>Remote</code>  &gt;  <code>Push</code>  
from the main menu. The output from a successful Push will list any changesets 
created.</p>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> Since you maintain a copy of the entire repository 
on your system, the general practice is to make multiple commits to your local 
repository and only after the particular task is complete, perform the push to 
the shared repository.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+Since you maintain a copy of the entire repository on your system, the general 
practice is to make multiple commits to your local repository and only after 
the particular task is complete, perform the push to the shared repository.
+</td>
+</tr>
+</table>
 </div>
 </div>
 </div>
diff --git a/content/kb/docs/ide/mysql.html b/content/kb/docs/ide/mysql.html
index 06d3856..7f4503f 100644
--- a/content/kb/docs/ide/mysql.html
+++ b/content/kb/docs/ide/mysql.html
@@ -141,8 +141,17 @@
 </tr>
 </tbody>
 </table>
-<div class="paragraph">
-<p><strong>Note:</strong> This tutorial assumes that you already have the 
MySQL RDBMS installed and configured on your computer. If you are installing 
for the first time, please refer to the official <a 
href="http://dev.mysql.com/doc/refman/5.0/en/installing-cs.html";>MySQL 
documentation</a> for help. You can also refer to <a 
href="install-and-configure-mysql-server.html">Setting Up the MySQL Database 
Server in the Windows Operating System</a>.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+This tutorial assumes that you already have the MySQL RDBMS installed and 
configured on your computer. If you are installing for the first time, please 
refer to the official <a 
href="http://dev.mysql.com/doc/refman/5.0/en/installing-cs.html";>MySQL 
documentation</a> for help. You can also refer to <a 
href="install-and-configure-mysql-server.html">Setting Up the MySQL Database 
Server in the Windows Operating System</a>.
+</td>
+</tr>
+</table>
 </div>
 </div>
 </div>
diff --git a/content/kb/docs/ide/oracle-db.html 
b/content/kb/docs/ide/oracle-db.html
index 0ef9dbe..c8daa70 100644
--- a/content/kb/docs/ide/oracle-db.html
+++ b/content/kb/docs/ide/oracle-db.html
@@ -272,8 +272,17 @@ For the purpose of our tutorial, enter  
<code>system</code>  (the default databa
 </li>
 </ol>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> You need to unlock the HR schema before you can 
access it in NetBeans. Unlocking the HR database is described in the Oracle 
Database XE <a 
href="http://download.oracle.com/docs/cd/B25329_01/doc/admin.102/b25610/toc.htm";>Getting
 Started tutorial</a>.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+You need to unlock the HR schema before you can access it in NetBeans. 
Unlocking the HR database is described in the Oracle Database XE <a 
href="http://download.oracle.com/docs/cd/B25329_01/doc/admin.102/b25610/toc.htm";>Getting
 Started tutorial</a>.
+</td>
+</tr>
+</table>
 </div>
 <div class="paragraph">
 <p>The new connection will appear under the Databases node in the Services 
window. You can expand it and start browsing the database object&#8217;s 
structure.
diff --git a/content/kb/docs/ide/subversion.html 
b/content/kb/docs/ide/subversion.html
index d7484ee..24cda02 100644
--- a/content/kb/docs/ide/subversion.html
+++ b/content/kb/docs/ide/subversion.html
@@ -925,8 +925,17 @@
 </tr>
 </tbody>
 </table>
-<div class="paragraph">
-<p><strong>Note:</strong> The color scheme described in the <a 
href="#badges">Badges and Color Coding</a> section is disregarded with respect 
to the above mentioned icons.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+The color scheme described in the <a href="#badges">Badges and Color 
Coding</a> section is disregarded with respect to the above mentioned icons.
+</td>
+</tr>
+</table>
 </div>
 </div>
 </div>
diff --git a/content/kb/docs/java/code-inspect.html 
b/content/kb/docs/java/code-inspect.html
index 9508315..2d5780f 100644
--- a/content/kb/docs/java/code-inspect.html
+++ b/content/kb/docs/java/code-inspect.html
@@ -313,8 +313,17 @@ The results of the analysis are displayed in the Inspector 
Window as a tree view
 </div>
 </div>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> If you want to leave some part of your code that is 
reported as problematic as is, the IDE allows you to suppress the warning for 
this code to leave it without any changes. You can double-click a warning in 
the tree view of the Inspector Window to go to the Source Editor. Press 
Alt-Enter, click the black arrow pointing to the right at the end of the 
displayed hint, and choose  <code>SuppressWarning - <em>(warning 
name)</em></code> .</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+If you want to leave some part of your code that is reported as problematic as 
is, the IDE allows you to suppress the warning for this code to leave it 
without any changes. You can double-click a warning in the tree view of the 
Inspector Window to go to the Source Editor. Press Alt-Enter, click the black 
arrow pointing to the right at the end of the displayed hint, and choose  
<code>SuppressWarning - <em>(warning name)</em></code> .
+</td>
+</tr>
+</table>
 </div>
 <div class="openblock feature">
 <div class="content">
@@ -721,8 +730,17 @@ The created  <code>newConfig</code>  configuration is 
available in the Configura
 </div>
 </div>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> To rename a configuration, select the  
<code>newConfig</code>  configuration in the Configurations drop-down list, 
click the black arrow at the end of the Configurations drop-down list and 
choose Rename. Type a new name (for example,  <code>renamedConfig</code> ) and 
press Enter to save your edits.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+To rename a configuration, select the  <code>newConfig</code>  configuration 
in the Configurations drop-down list, click the black arrow at the end of the 
Configurations drop-down list and choose Rename. Type a new name (for example,  
<code>renamedConfig</code> ) and press Enter to save your edits.
+</td>
+</tr>
+</table>
 </div>
 <div class="imageblock">
 <div class="content">
@@ -768,8 +786,17 @@ The created  <code>newConfig</code>  configuration is 
available in the Configura
 <div class="paragraph">
 <p>The  <code>renamedConfig</code>  configuration is deleted from the 
Configurations list.</p>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> Refer to the <a 
href="http://platform.netbeans.org/tutorials/nbm-java-hint.html";>NetBeans Java 
Hint Module Tutorial</a> for information on how to create a NetBeans module 
that provides one or more NetBeans Java hints.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+Refer to the <a 
href="http://platform.netbeans.org/tutorials/nbm-java-hint.html";>NetBeans Java 
Hint Module Tutorial</a> for information on how to create a NetBeans module 
that provides one or more NetBeans Java hints.
+</td>
+</tr>
+</table>
 </div>
 </div>
 <div class="sect2">
diff --git a/content/kb/docs/java/debug-multithreaded.html 
b/content/kb/docs/java/debug-multithreaded.html
index ceed3fd..a8cc890 100644
--- a/content/kb/docs/java/debug-multithreaded.html
+++ b/content/kb/docs/java/debug-multithreaded.html
@@ -102,8 +102,17 @@
 <div class="paragraph">
 <p>This tutorial uses two sample projects to demonstrate how to work with the 
Debugging window. To complete this tutorial you first download and open the 
projects Gallery and Deadlock.</p>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> To follow this tutorial, you need the  <a 
href="https://netbeans.org/projects/samples/downloads/download/Samples/Java/debugging-samples.zip";>Gallery
 Project and Deadlock Project</a>.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+To follow this tutorial, you need the  <a 
href="https://netbeans.org/projects/samples/downloads/download/Samples/Java/debugging-samples.zip";>Gallery
 Project and Deadlock Project</a>.
+</td>
+</tr>
+</table>
 </div>
 <div class="sect2">
 <h3 id="_downloading_the_sample_projects">Downloading the Sample Projects</h3>
diff --git a/content/kb/docs/java/editor-inspect-transform.html 
b/content/kb/docs/java/editor-inspect-transform.html
index e1e1339..52eb5f7 100644
--- a/content/kb/docs/java/editor-inspect-transform.html
+++ b/content/kb/docs/java/editor-inspect-transform.html
@@ -208,8 +208,17 @@ The suggested refactoring changes display in the preview 
panel.</p>
 </li>
 </ul>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> Not all releases of the JDK introduce new language 
features.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+Not all releases of the JDK introduce new language features.
+</td>
+</tr>
+</table>
 </div>
 <div class="sect3">
 <h4 id="_migrate_to_jdk_5">Migrate to JDK 5</h4>
@@ -225,8 +234,17 @@ The suggested refactoring changes display in the preview 
panel.</p>
 </div>
 </div>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> The list of refactorings in the configuration can be 
modified in the Inspections list of the Manage Inspections dialog box by 
selecting and deselecting the items under the  <code>JDK Migration 
Support</code>  node.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+The list of refactorings in the configuration can be modified in the 
Inspections list of the Manage Inspections dialog box by selecting and 
deselecting the items under the  <code>JDK Migration Support</code>  node.
+</td>
+</tr>
+</table>
 </div>
 </div>
 <div class="sect3">
@@ -243,8 +261,17 @@ The suggested refactoring changes display in the preview 
panel.</p>
 </div>
 </div>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> The list of refactorings in the configuration can be 
modified in the Inspections list of the Manage Inspections dialog box by 
selecting and deselecting the items under the  <code>JDK Migration 
Support</code>  node.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+The list of refactorings in the configuration can be modified in the 
Inspections list of the Manage Inspections dialog box by selecting and 
deselecting the items under the  <code>JDK Migration Support</code>  node.
+</td>
+</tr>
+</table>
 </div>
 <div class="paragraph">
 <p><strong>To run and apply the default  <code>Migrate to JDK 7</code>  
configuration:</strong></p>
@@ -297,8 +324,17 @@ Changes that convert the code to JDK 7 syntax display in 
the preview panel.</p>
 </div>
 </div>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> The list of refactorings in the configuration can be 
modified in the Inspections list of the Manage Inspections dialog box by 
selecting and deselecting the items under the  <code>JDK Migration 
Support</code>  node.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+The list of refactorings in the configuration can be modified in the 
Inspections list of the Manage Inspections dialog box by selecting and 
deselecting the items under the  <code>JDK Migration Support</code>  node.
+</td>
+</tr>
+</table>
 </div>
 </div>
 <div class="sect3">
@@ -306,8 +342,17 @@ Changes that convert the code to JDK 7 syntax display in 
the preview panel.</p>
 <div class="paragraph">
 <p>The  <code>Organize Imports</code>  configuration enables you to inspect 
the way import statements are organized in the code and refactor your code if 
desired. By default it includes a single inspection that checks whether import 
statements correspond to the specified code style rules.</p>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> To configure the code style rules for import 
statements:</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+To configure the code style rules for import statements:
+</td>
+</tr>
+</table>
 </div>
 <div class="olist arabic">
 <ol class="arabic">
@@ -387,8 +432,17 @@ The preview panel displays one occurrence proposed for the 
Import section of the
 <div class="paragraph">
 <p>A custom inspection can be created to instruct the IDE what code structures 
are to be found and how to transform them.</p>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> To avoid adding a duplicate inspection to the IDE, 
choose Refactor &gt; Inspect and Transform from the main menu, click either 
Manage or Browse, and, in the Manage Inspections dialog box, use the Search 
field to look for the required inspection prior to creating a new 
inspection.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+To avoid adding a duplicate inspection to the IDE, choose Refactor &gt; 
Inspect and Transform from the main menu, click either Manage or Browse, and, 
in the Manage Inspections dialog box, use the Search field to look for the 
required inspection prior to creating a new inspection.
+</td>
+</tr>
+</table>
 </div>
 <div class="paragraph">
 <p><strong>To create a custom inspection:</strong></p>
diff --git a/content/kb/docs/java/gbcustomizer-advanced.html 
b/content/kb/docs/java/gbcustomizer-advanced.html
index 7dc255d..21598bd 100644
--- a/content/kb/docs/java/gbcustomizer-advanced.html
+++ b/content/kb/docs/java/gbcustomizer-advanced.html
@@ -187,8 +187,17 @@ The series is intended as a guide to show how you can 
layout your GUI components
 </li>
 </ol>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> The  <code>GridBagCustomizerAdvancedTutorial</code>  
project uses the  <code>JUnit</code>  and  <code>JUnit 4</code>  class 
libraries, which are located in the Update Center. You need to click Resolve 
Problems in the Open project dialog box, then click Resolve in the Resolve 
Reference Problems dialog box and install the JUnit plugin following the 
instructions in the NetBeans IDE Installer. When the installation is completed, 
click Finish to close the NetBeans ID [...]
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+The  <code>GridBagCustomizerAdvancedTutorial</code>  project uses the  
<code>JUnit</code>  and  <code>JUnit 4</code>  class libraries, which are 
located in the Update Center. You need to click Resolve Problems in the Open 
project dialog box, then click Resolve in the Resolve Reference Problems dialog 
box and install the JUnit plugin following the instructions in the NetBeans IDE 
Installer. When the installation is completed, click Finish to close the 
NetBeans IDE Installer dialog box, th [...]
+</td>
+</tr>
+</table>
 </div>
 <div class="olist arabic">
 <ol class="arabic">
@@ -235,8 +244,17 @@ The Customize Layout dialog box opens as shown below.</p>
 </div>
 </div>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> In this tutorial the GridBagLayout is already set. 
In case you work with another form, in step 2 above, right-click the form and 
choose  <code>Set Layout</code>  &gt;  <code>Grid Bag Layout</code>  (this 
enables the  <code>Customize Layout</code>  menu item) and complete the 
procedure.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+In this tutorial the GridBagLayout is already set. In case you work with 
another form, in step 2 above, right-click the form and choose  <code>Set 
Layout</code>  &gt;  <code>Grid Bag Layout</code>  (this enables the  
<code>Customize Layout</code>  menu item) and complete the procedure.
+</td>
+</tr>
+</table>
 </div>
 </div>
 </div>
@@ -251,9 +269,18 @@ The Customize Layout dialog box opens as shown below.</p>
 <img src="images/targetlayout.png" alt="targetlayout">
 </div>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> To view the target layout in your NetBeans IDE, in 
the Projects tab, expand  <code>Source Packages &gt; tutorial</code>  and 
double-click  <code>ContactsAdvancedFinal.java</code> .
-The  <code>ContactsAdvancedFinal</code>  form with the target layout opens in 
the GUI Builder Design view.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+To view the target layout in your NetBeans IDE, in the Projects tab, expand  
<code>Source Packages &gt; tutorial</code>  and double-click  
<code>ContactsAdvancedFinal.java</code> .
+The  <code>ContactsAdvancedFinal</code>  form with the target layout opens in 
the GUI Builder Design view.
+</td>
+</tr>
+</table>
 </div>
 <div class="sect2">
 <h3 id="_inserting_new_row">Inserting New Row</h3>
@@ -368,8 +395,17 @@ Highlighted  <code>JTextField1</code>  displays in the 
second cell.</p>
 <img src="images/constraintsset.png" alt="constraintsset">
 </div>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> The GridBag Customizer helps you to add, remove, and 
change the position of components in the layout. To change properties of the 
components in the layout like background or text, use the GUI Builder Design 
window.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+The GridBag Customizer helps you to add, remove, and change the position of 
components in the layout. To change properties of the components in the layout 
like background or text, use the GUI Builder Design window.
+</td>
+</tr>
+</table>
 </div>
 <div class="paragraph">
 <p>To set the display text for the  <code>JLabel1</code> , do as follows:</p>
@@ -451,8 +487,17 @@ Highlighted  <code>JTextField1</code>  displays in the 
second cell.</p>
 <img src="images/movesecondcolumn.png" alt="movesecondcolumn">
 </div>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> Before dragging make sure the cursor is not changed 
into a two-way arrow, otherwise you will resize the selection instead.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+Before dragging make sure the cursor is not changed into a two-way arrow, 
otherwise you will resize the selection instead.
+</td>
+</tr>
+</table>
 </div>
 <div class="paragraph">
 <p>After you move the components, the form should look like shown below.</p>
@@ -533,8 +578,17 @@ The  <code>Insets</code>  dialog box displays.</p>
 <div class="paragraph">
 <p>After the components are enclosed into a subcontainer, the boundary between 
the  <code>Home Phone:</code>  label and text field no longer affects the 
boundary between the  <code>Street</code>  text field and button.</p>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> The  <code>Enclose in Container</code>  action 
creates a new subcontainer in the cells occupied by the selected components. It 
moves the selected components into a newly introduced container but it 
preserves their relative positions and other layout constraints.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+The  <code>Enclose in Container</code>  action creates a new subcontainer in 
the cells occupied by the selected components. It moves the selected components 
into a newly introduced container but it preserves their relative positions and 
other layout constraints.
+</td>
+</tr>
+</table>
 </div>
 <div class="paragraph">
 <p>Repeat the two steps listed above for the  <code>City:</code>  text field 
and the  <code>Browse</code>  button to the right of it, to enclose them into a 
subcontainer like shown below.</p>
@@ -566,8 +620,17 @@ A new subcontainer is created for the buttons.</p>
 <img src="images/subcontainerbuttons.png" alt="subcontainerbuttons">
 </div>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> None of the components in the subcontainer is 
resizable. Therefore, they are placed next to each other in the center of the 
container, which is the default anchoring.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+None of the components in the subcontainer is resizable. Therefore, they are 
placed next to each other in the center of the container, which is the default 
anchoring.
+</td>
+</tr>
+</table>
 </div>
 <div class="paragraph">
 <p>To change the anchoring of the whole subcontainer, complete the following 
steps:</p>
@@ -680,8 +743,17 @@ A new  <code>jButton1</code>  button is added.</p>
 <img src="images/designparentcontainer.png" alt="designparentcontainer">
 </div>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> The context menu does not display if you right-click 
the buttons.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+The context menu does not display if you right-click the buttons.
+</td>
+</tr>
+</table>
 </div>
 <div class="paragraph">
 <p>The layout design is completed.
diff --git a/content/kb/docs/java/gbcustomizer-basic.html 
b/content/kb/docs/java/gbcustomizer-basic.html
index 159cce7..8ac19da 100644
--- a/content/kb/docs/java/gbcustomizer-basic.html
+++ b/content/kb/docs/java/gbcustomizer-basic.html
@@ -237,8 +237,17 @@ The Customize Layout dialog box opens as shown below.</p>
 </div>
 </div>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> In this tutorial the GridBagLayout is already set. 
In case you work with another form, in step 2 above, right-click the form and 
choose  <code>Set Layout</code>  &gt;  <code>Grid Bag Layout</code>  from the 
context menu (this enables the  <code>Customize Layout</code>  menu item.). 
Then complete the procedure.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+In this tutorial the GridBagLayout is already set. In case you work with 
another form, in step 2 above, right-click the form and choose  <code>Set 
Layout</code>  &gt;  <code>Grid Bag Layout</code>  from the context menu (this 
enables the  <code>Customize Layout</code>  menu item.). Then complete the 
procedure.
+</td>
+</tr>
+</table>
 </div>
 <div class="sect2">
 <h3 id="_grid_area">Grid Area</h3>
@@ -324,8 +333,17 @@ The components in the sample form are already added but 
not laid out correctly.<
 </div>
 </div>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> When a component is moved the target cells are 
highlighted with green.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+When a component is moved the target cells are highlighted with green.
+</td>
+</tr>
+</table>
 </div>
 </div>
 <div class="sect2">
@@ -494,8 +512,17 @@ When two components in a row (or column) have a non-zero 
value of Weight X (or W
 </li>
 </ol>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> You can select multiple components by pressing the 
left mouse button on the first component, holding it, and dragging it pressed 
to the last component as if drawing a rectangle that encloses all the labels. 
After you release the mouse all the five components are highlighted with orange 
borders and green background as shown below.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+You can select multiple components by pressing the left mouse button on the 
first component, holding it, and dragging it pressed to the last component as 
if drawing a rectangle that encloses all the labels. After you release the 
mouse all the five components are highlighted with orange borders and green 
background as shown below.
+</td>
+</tr>
+</table>
 </div>
 <div class="imageblock">
 <div class="content">
diff --git a/content/kb/docs/java/gui-automatic-i18n.html 
b/content/kb/docs/java/gui-automatic-i18n.html
index 4a41a55..fdef1a6 100644
--- a/content/kb/docs/java/gui-automatic-i18n.html
+++ b/content/kb/docs/java/gui-automatic-i18n.html
@@ -276,8 +276,17 @@
 </li>
 </ol>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> You can also internationalize other properties that 
have String values, such as Mnemonic, Accessible Name, Accessible Descriptor, 
and ToolTip.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+You can also internationalize other properties that have String values, such 
as Mnemonic, Accessible Name, Accessible Descriptor, and ToolTip.
+</td>
+</tr>
+</table>
 </div>
 <div class="olist arabic">
 <ol class="arabic">
@@ -304,8 +313,17 @@
 </div>
 </div>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> Steps 1-5 can be done in a simpler and faster way: 
just double click  <code>jLabel1</code>  in the design view, change the text 
from  <code>jLabel1</code>  to  <code>Find What:</code> , and press Enter. The 
result is the same as from the steps given above.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+Steps 1-5 can be done in a simpler and faster way: just double click  
<code>jLabel1</code>  in the design view, change the text from  
<code>jLabel1</code>  to  <code>Find What:</code> , and press Enter. The result 
is the same as from the steps given above.
+</td>
+</tr>
+</table>
 </div>
 <div class="paragraph">
 <p>To make the components the same width, complete the steps below:</p>
diff --git a/content/kb/docs/java/gui-binding.html 
b/content/kb/docs/java/gui-binding.html
index 0dc83d7..6428be1 100644
--- a/content/kb/docs/java/gui-binding.html
+++ b/content/kb/docs/java/gui-binding.html
@@ -280,8 +280,17 @@
 <div class="paragraph">
 <p>In this case, since the JSlider comes with a default range of values, we 
will use it as the source.</p>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> Bindings can be two-way (read/write), so that 
changes in the target are automatically reflected in the source. However, the 
direction of the initial binding is always from the source to the target. See 
the information on Update Mode in the <a href="#prop-advanced">Advanced Binding 
Configuration</a> section.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+Bindings can be two-way (read/write), so that changes in the target are 
automatically reflected in the source. However, the direction of the initial 
binding is always from the source to the target. See the information on Update 
Mode in the <a href="#prop-advanced">Advanced Binding Configuration</a> section.
+</td>
+</tr>
+</table>
 </div>
 <div class="paragraph">
 <p><strong>To bind the slider to the text field:</strong></p>
@@ -488,8 +497,17 @@ The Validator drop-down list is populated with any 
validators that have been add
 </li>
 </ul>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> To better understand the classes and methods 
mentioned above, you can access the beans binding Javadoc documentation 
directly from the IDE. Choose Help &gt; Javadoc References &gt; Beans Binding. 
In the browser window that opens, click the  
<code>org.jdesktop.beansbinding</code>  link to access documentation for those 
classes.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+To better understand the classes and methods mentioned above, you can access 
the beans binding Javadoc documentation directly from the IDE. Choose Help &gt; 
Javadoc References &gt; Beans Binding. In the browser window that opens, click 
the  <code>org.jdesktop.beansbinding</code>  link to access documentation for 
those classes.
+</td>
+</tr>
+</table>
 </div>
 </div>
 </div>
@@ -587,9 +605,18 @@ The Validator drop-down list is populated with any 
validators that have been add
 </li>
 </ol>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> The tutorial uses the  <code>sample [app on 
App]</code>  database that can be connected to by selecting the Services 
window, expanding the Databases node, right-clicking the database connection 
node ( <code>jdbc:derby://localhost:1527/sample[app on APP]</code> ), and 
choosing Connect from the context menu.
-Specify  <code>app</code>  as a userid and  <code>app</code>  as a password, 
if you are prompted for a userid and password.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+The tutorial uses the  <code>sample [app on App]</code>  database that can be 
connected to by selecting the Services window, expanding the Databases node, 
right-clicking the database connection node ( 
<code>jdbc:derby://localhost:1527/sample[app on APP]</code> ), and choosing 
Connect from the context menu.
+Specify  <code>app</code>  as a userid and  <code>app</code>  as a password, 
if you are prompted for a userid and password.
+</td>
+</tr>
+</table>
 </div>
 <div class="olist arabic">
 <ol class="arabic">
@@ -799,8 +826,17 @@ Specify  <code>app</code>  as a userid and  
<code>app</code>  as a password, if
 </div>
 </div>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> You can also create a custom renderer in its own 
source file, compile the file, drag the renderer on to the form, and then set 
the combo box&#8217;s renderer property to use this bean.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+You can also create a custom renderer in its own source file, compile the 
file, drag the renderer on to the form, and then set the combo box&#8217;s 
renderer property to use this bean.
+</td>
+</tr>
+</table>
 </div>
 </div>
 </div>
diff --git a/content/kb/docs/java/gui-filechooser.html 
b/content/kb/docs/java/gui-filechooser.html
index 3d3e990..6ceaef2 100644
--- a/content/kb/docs/java/gui-filechooser.html
+++ b/content/kb/docs/java/gui-filechooser.html
@@ -501,8 +501,17 @@
     }</code></pre>
 </div>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> To learn how to implement smarter, switchable file 
filters, have a look at the <a 
href="http://java.sun.com/javase/7/docs/api/javax/swing/JFileChooser.html#addChoosableFileFilter%28javax.swing.filechooser.FileFilter%29";>addChoosableFileFilter</a>
 method.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+To learn how to implement smarter, switchable file filters, have a look at the 
<a 
href="http://java.sun.com/javase/7/docs/api/javax/swing/JFileChooser.html#addChoosableFileFilter%28javax.swing.filechooser.FileFilter%29";>addChoosableFileFilter</a>
 method.
+</td>
+</tr>
+</table>
 </div>
 </div>
 </div>
diff --git a/content/kb/docs/java/gui-functionality.html 
b/content/kb/docs/java/gui-functionality.html
index f281c47..216d2b0 100644
--- a/content/kb/docs/java/gui-functionality.html
+++ b/content/kb/docs/java/gui-functionality.html
@@ -447,8 +447,17 @@ Lets get started!</p>
 </li>
 </ol>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> If you get a window informing you that Project 
NumberAddition does not have a main class set, then you should select  
<code>my.NumberAddition.NumberAdditionUI</code>  as the main class in the same 
window and click the OK button.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+If you get a window informing you that Project NumberAddition does not have a 
main class set, then you should select  
<code>my.NumberAddition.NumberAdditionUI</code>  as the main class in the same 
window and click the OK button.
+</td>
+</tr>
+</table>
 </div>
 <div class="paragraph">
 <p><strong>To run the program outside of the IDE:</strong></p>
@@ -463,8 +472,17 @@ Lets get started!</p>
 </li>
 </ol>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> The location of the  <code>NumberAddition</code>  
project directory depends on the path you specified while creating the project 
in step 3 of the <a href="#Exercise_1">Exercise 1: Creating a Project</a> 
section.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+The location of the  <code>NumberAddition</code>  project directory depends on 
the path you specified while creating the project in step 3 of the <a 
href="#Exercise_1">Exercise 1: Creating a Project</a> section.
+</td>
+</tr>
+</table>
 </div>
 <div class="olist arabic">
 <ol class="arabic">
@@ -476,8 +494,17 @@ Lets get started!</p>
 <div class="paragraph">
 <p>After a few seconds, the application should start.</p>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> If double-clicking the JAR file does not launch the 
application, see <a 
href="../../articles/javase-deploy.html#troubleshooting">this article</a> for 
information on setting JAR file associations in your operating system.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+If double-clicking the JAR file does not launch the application, see <a 
href="../../articles/javase-deploy.html#troubleshooting">this article</a> for 
information on setting JAR file associations in your operating system.
+</td>
+</tr>
+</table>
 </div>
 <div class="paragraph">
 <p>You can also launch the application from the command line.</p>
@@ -503,8 +530,17 @@ Lets get started!</p>
 <pre class="prettyprint highlight"><code class="language-java" 
data-lang="java">java -jar  NumberAddition.jar</code></pre>
 </div>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> Make sure  
<code>my.NumberAddition.NumberAdditionUI</code>  is set as the main class 
before running the application. You can check this by right-clicking the 
NumberAddition project node in the Projects pane, choosing Properties in the 
popup menu, and selecting the Run category in the Project Properties dialog 
box. The Main Class field should display  
<code>my.numberaddition.NumberAdditionUI</code> .</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+Make sure  <code>my.NumberAddition.NumberAdditionUI</code>  is set as the main 
class before running the application. You can check this by right-clicking the 
NumberAddition project node in the Projects pane, choosing Properties in the 
popup menu, and selecting the Run category in the Project Properties dialog 
box. The Main Class field should display  
<code>my.numberaddition.NumberAdditionUI</code> .
+</td>
+</tr>
+</table>
 </div>
 </div>
 </div>
diff --git a/content/kb/docs/java/gui-gaps.html 
b/content/kb/docs/java/gui-gaps.html
index 9c6b627..deac7b5 100644
--- a/content/kb/docs/java/gui-gaps.html
+++ b/content/kb/docs/java/gui-gaps.html
@@ -188,8 +188,17 @@ The sample form opens in the GUI Builder Design view.</p>
 <img src="images/initialform.png" alt="initialform">
 </div>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> You can view the component hierarchy of the form in 
the Navigator window by choosing Window &gt; Navigator from the main 
toolbar.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+You can view the component hierarchy of the form in the Navigator window by 
choosing Window &gt; Navigator from the main toolbar.
+</td>
+</tr>
+</table>
 </div>
 <div class="imageblock">
 <div class="content">
@@ -326,8 +335,17 @@ The new size of the gap is displayed in a tooltip.</p>
 <div class="paragraph">
 <p>To remove the remaining space between the  <code>Middle Name</code>  and  
<code>Last Name</code>  rows, click the gap below and decrease the height of 
the gap by scrolling the mouse wheel downward and setting the new size to  
<code>default small</code> .</p>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> The NetBeans GUI Builder supports three preferred 
gaps for component placement -  <code>default small</code> ,  <code>default 
medium</code> , and  <code>default large</code> .</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+The NetBeans GUI Builder supports three preferred gaps for component placement 
-  <code>default small</code> ,  <code>default medium</code> , and  
<code>default large</code> .
+</td>
+</tr>
+</table>
 </div>
 <div class="imageblock">
 <div class="content">
@@ -353,8 +371,17 @@ The new size of the gap is displayed in a tooltip.</p>
 <div class="paragraph">
 <p>You can center a component by enclosing it into two identical gaps that 
have prior been marked as resizable.</p>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> A container helps specify where the components 
should be centered. It is possible to center the buttons without enclosing them 
in a new panel but it is more difficult to accomplish in the GUI Builder and 
the resulting layout is a bit fragile. Therefore, we suggest to enclose the 
component being centered in a panel whenever it is possible.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+A container helps specify where the components should be centered. It is 
possible to center the buttons without enclosing them in a new panel but it is 
more difficult to accomplish in the GUI Builder and the resulting layout is a 
bit fragile. Therefore, we suggest to enclose the component being centered in a 
panel whenever it is possible.
+</td>
+</tr>
+</table>
 </div>
 <div class="paragraph">
 <p><strong>To enclose the buttons and resizable gaps into a separate 
container, do as follows:</strong></p>
diff --git a/content/kb/docs/java/gui-image-display.html 
b/content/kb/docs/java/gui-image-display.html
index 375a27f..a90e02e 100644
--- a/content/kb/docs/java/gui-image-display.html
+++ b/content/kb/docs/java/gui-image-display.html
@@ -424,8 +424,17 @@ The icon property editor is displayed.</p>
 <p>In the Design View, right-click the JLabel and choose Events &gt; Mouse 
&gt; mouseClicked/mousePressed/mouseReleased from the popup menu.
 An event handler is generated for the corresponding event.</p>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> You can get the mouse coordinates (for example, the 
location of a mouse click) in the event handler using the 
<code>event.getPoint()</code>, <code>event.getX()</code>, or 
<code>event.getY()</code> methods. See <a 
href="http://docs.oracle.com/javase/1.4.2/docs/api/java/awt/event/MouseEvent.html";>Class
 MouseEvent</a> for details.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+You can get the mouse coordinates (for example, the location of a mouse click) 
in the event handler using the <code>event.getPoint()</code>, 
<code>event.getX()</code>, or <code>event.getY()</code> methods. See <a 
href="http://docs.oracle.com/javase/1.4.2/docs/api/java/awt/event/MouseEvent.html";>Class
 MouseEvent</a> for details.
+</td>
+</tr>
+</table>
 </div>
 </div>
 </div>
diff --git a/content/kb/docs/java/hibernate-java-se.html 
b/content/kb/docs/java/hibernate-java-se.html
index 3c25711..d58d676 100644
--- a/content/kb/docs/java/hibernate-java-se.html
+++ b/content/kb/docs/java/hibernate-java-se.html
@@ -1057,8 +1057,17 @@ image::images/mapping-wizard.png[title="Generate 
Hibernate Mapping Files wizard"
 <div class="paragraph">
 <p>You can use code completion in the editor to complete the values when 
modifying the mapping file.</p>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> By default, the generated  <code>class</code>  
element has a closing tag. Because you need to add property elements between 
the opening and closing  <code>class</code>  element tags, you need to make the 
following changes (displayed in bold). After making the changes you can then 
use code completion between the  <code>class</code>  tags.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+By default, the generated  <code>class</code>  element has a closing tag. 
Because you need to add property elements between the opening and closing  
<code>class</code>  element tags, you need to make the following changes 
(displayed in bold). After making the changes you can then use code completion 
between the  <code>class</code>  tags.
+</td>
+</tr>
+</table>
 </div>
 <div class="listingblock">
 <div class="content">
diff --git a/content/kb/docs/java/javase-deploy.html 
b/content/kb/docs/java/javase-deploy.html
index 34f2c88..e174cf8 100644
--- a/content/kb/docs/java/javase-deploy.html
+++ b/content/kb/docs/java/javase-deploy.html
@@ -113,8 +113,17 @@
 </li>
 </ul>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> To complete this tutorial, you need the <a 
href="https://netbeans.org/projects/samples/downloads/download/Samples%252FJava%252FDeploymentTutorial.zip";>Deployment
 Tutorial source files</a>.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+To complete this tutorial, you need the <a 
href="https://netbeans.org/projects/samples/downloads/download/Samples%252FJava%252FDeploymentTutorial.zip";>Deployment
 Tutorial source files</a>.
+</td>
+</tr>
+</table>
 </div>
 <div class="sect2">
 <h3 id="_creating_executable_jar_file">Creating Executable JAR File</h3>
@@ -164,8 +173,17 @@ Click the Add Folder button that is to the right of the 
Source Package Folders f
 </li>
 </ol>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> If, for example, you want to exclude some source 
files from importing into the project, click Next to open the last Includes 
&amp; Excludes window. In our case, we want to use all the source files in the  
<code>src</code>  folder, so we click Finish to finish working in the New 
Project wizard.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+If, for example, you want to exclude some source files from importing into the 
project, click Next to open the last Includes &amp; Excludes window. In our 
case, we want to use all the source files in the  <code>src</code>  folder, so 
we click Finish to finish working in the New Project wizard.
+</td>
+</tr>
+</table>
 </div>
 <div class="paragraph">
 <p>The project opens in the IDE and becomes visible in the Projects window. 
You can explore the contents of the project by expanding the project&#8217;s 
Source Packages node, where you should see classes called  <code>Grep</code>  
and  <code>xGrep</code> .  <code>Grep.java</code>  is a console version of the 
application.  <code>xGrep.java</code>  is a GUI version of the application and 
uses methods defined in  <code>Grep.java</code> .</p>
@@ -280,8 +298,17 @@ Alternatively, right-click the project&#8217;s node in the 
Projects window and c
 </li>
 </ul>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> You can view the contents of the manifest in the 
IDE&#8217;s Files window. After you have built your project, switch to the 
Files window and navigate to  <code>dist/AnotherGrep.jar</code> . Expand the 
node for the JAR file, expand the  <code>META-INF</code>  folder, and 
double-click  <code>MANIFEST.MF</code>  to display the manifest in the Source 
Editor.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+You can view the contents of the manifest in the IDE&#8217;s Files window. 
After you have built your project, switch to the Files window and navigate to  
<code>dist/AnotherGrep.jar</code> . Expand the node for the JAR file, expand 
the  <code>META-INF</code>  folder, and double-click  <code>MANIFEST.MF</code>  
to display the manifest in the Source Editor.
+</td>
+</tr>
+</table>
 </div>
 <div class="listingblock">
 <div class="content">
@@ -344,9 +371,18 @@ Alternatively, right-click the project&#8217;s node in the 
Projects window and c
 </li>
 </ul>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> If your application depends on additional libraries 
other than those included in JDK, you need to also include them in your 
distribution (not the case in our example). The relative paths to these 
libraries are added in the  <code>classpath</code>  entry of the JAR&#8217;s 
manifest file when you are developing your application in the IDE. If these 
additional libraries will not be found at the specified classpath (i.e., 
relative path) at launch, the application wi [...]
-Create a zip archive that contains the application JAR file and the library 
and provide this zip file to users. Instruct the users to unpack the zip file 
making sure that the JAR file and libraries JAR files are in the same folder. 
Run the application JAR file.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+If your application depends on additional libraries other than those included 
in JDK, you need to also include them in your distribution (not the case in our 
example). The relative paths to these libraries are added in the  
<code>classpath</code>  entry of the JAR&#8217;s manifest file when you are 
developing your application in the IDE. If these additional libraries will not 
be found at the specified classpath (i.e., relative path) at launch, the 
application will not start.
+Create a zip archive that contains the application JAR file and the library 
and provide this zip file to users. Instruct the users to unpack the zip file 
making sure that the JAR file and libraries JAR files are in the same folder. 
Run the application JAR file.
+</td>
+</tr>
+</table>
 </div>
 </div>
 </div>
@@ -525,14 +561,32 @@ java -jar dist/AnotherGrep.jar $@</code></pre>
 </li>
 </ul>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> Sometimes JAR file associations are switched by 
software that you install, such as software to handle zip files.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+Sometimes JAR file associations are switched by software that you install, 
such as software to handle zip files.
+</td>
+</tr>
+</table>
 </div>
 <div class="paragraph">
 <p>The way how you associate the JAR file type with the  <code>java</code>  
launcher depends on your operating system.</p>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> Make sure that there is a version of the JRE 
installed on your system. You should use version 1.4.2 or later. You cannot 
launch a Java application if no Java is installed. (If you have the JDK 
installed, you also get the JRE. However, if you are distributing the program 
to a non-programmer, that person does not necessarily have either the JRE or 
the JDK.)</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+Make sure that there is a version of the JRE installed on your system. You 
should use version 1.4.2 or later. You cannot launch a Java application if no 
Java is installed. (If you have the JDK installed, you also get the JRE. 
However, if you are distributing the program to a non-programmer, that person 
does not necessarily have either the JRE or the JDK.)
+</td>
+</tr>
+</table>
 </div>
 <div class="ulist">
 <ul>
@@ -579,8 +633,17 @@ For Windows Vista or 7, click Default Programs and select 
Associate a file type
 </li>
 </ol>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> If JAR files are associated with the Java Platform 
SE Binary on your system but double-clicking still does not execute the file 
JAR file, you might need to specify the  <code>-jar</code>  option in the file 
association.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+If JAR files are associated with the Java Platform SE Binary on your system 
but double-clicking still does not execute the file JAR file, you might need to 
specify the  <code>-jar</code>  option in the file association.
+</td>
+</tr>
+</table>
 </div>
 <div class="paragraph">
 <p>To specify the  <code>-jar</code>  option in the file association on 
Microsoft Windows XP:</p>
@@ -633,8 +696,17 @@ For Windows Vista or 7, click Default Programs and select 
Associate a file type
 </li>
 </ol>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> Starting with Windows Vista advanced file 
associations can be set via RegEdit. See the <a 
href="http://technet.microsoft.com/en-us/magazine/ee914604.aspx";>What Happened 
to the File Types Dialog?</a> article for details.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+Starting with Windows Vista advanced file associations can be set via RegEdit. 
See the <a 
href="http://technet.microsoft.com/en-us/magazine/ee914604.aspx";>What Happened 
to the File Types Dialog?</a> article for details.
+</td>
+</tr>
+</table>
 </div>
 <div class="paragraph">
 <p>For UNIX and Linux systems, the procedure for changing file associations 
depends on which desktop environment (such as GNOME or KDE) that you are using. 
Look in your desktop environment&#8217;s preference settings or consult the 
documentation for the desktop environment.</p>
diff --git a/content/kb/docs/java/javase-embedded.html 
b/content/kb/docs/java/javase-embedded.html
index b81b18f..be7f46e 100644
--- a/content/kb/docs/java/javase-embedded.html
+++ b/content/kb/docs/java/javase-embedded.html
@@ -114,8 +114,17 @@
 </li>
 </ul>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> The remote operating system must be UNIX. Windows is 
not supported.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+The remote operating system must be UNIX. Windows is not supported.
+</td>
+</tr>
+</table>
 </div>
 <div class="paragraph">
 <p><strong>To activate the Java SE feature in the IDE:</strong></p>
@@ -202,8 +211,17 @@ The IDE displays the Add Java Platform dialog box.</p>
 </li>
 </ol>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> The target operating system must be UNIX (Windows is 
not supported).</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+The target operating system must be UNIX (Windows is not supported).
+</td>
+</tr>
+</table>
 </div>
 <div class="olist arabic">
 <ol class="arabic">
diff --git a/content/kb/docs/java/javase-intro.html 
b/content/kb/docs/java/javase-intro.html
index 9737578..106c47e 100644
--- a/content/kb/docs/java/javase-intro.html
+++ b/content/kb/docs/java/javase-intro.html
@@ -484,8 +484,17 @@ By default, the projects have been created with the 
Compile on Save feature enab
 </li>
 </ol>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> If this is the first time you have created JUnit 
tests in the IDE, you will be prompted with the Select JUnit Version dialog 
box. Press Enter to select JUnit 4.x and continue to the Create Tests dialog 
box.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+If this is the first time you have created JUnit tests in the IDE, you will be 
prompted with the Select JUnit Version dialog box. Press Enter to select JUnit 
4.x and continue to the Create Tests dialog box.
+</td>
+</tr>
+</table>
 </div>
 <div class="paragraph">
 <p>The IDE creates the <code>org.me.mylib</code> package and the 
<code>LibClassTest.java</code> file in a separate <code>test</code> folder. You 
can find this file by expanding the Test Packages node and the 
<code>org.me.mylib</code> subnode.
diff --git a/content/kb/docs/java/javase-jdk8.html 
b/content/kb/docs/java/javase-jdk8.html
index 2acb154..1d1e9a6 100644
--- a/content/kb/docs/java/javase-jdk8.html
+++ b/content/kb/docs/java/javase-jdk8.html
@@ -449,8 +449,17 @@ The IDE displays errors to notify that the AnagramGame 
project is not compliant
 <div class="paragraph">
 <p>If you choose the Run Inspect on option, the IDE displays the Inspect 
dialog box that allows to run a single Convert to Lambda inspection on the 
specified file.</p>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> For more information on initiating the Inspect 
operation in the IDE, see <a 
href="http://www.oracle.com/pls/topic/lookup?ctx=nb7400&amp;id=NBDAG613";>Using 
Hints in Source Code Analysis and Refactoring</a> in <em>Developing 
Applications with NetBeans IDE</em>.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+For more information on initiating the Inspect operation in the IDE, see <a 
href="http://www.oracle.com/pls/topic/lookup?ctx=nb7400&amp;id=NBDAG613";>Using 
Hints in Source Code Analysis and Refactoring</a> in <em>Developing 
Applications with NetBeans IDE</em>.
+</td>
+</tr>
+</table>
 </div>
 <div class="openblock feature">
 <div class="content">
@@ -476,8 +485,17 @@ The IDE displays errors to notify that the AnagramGame 
project is not compliant
 <div class="paragraph">
 <p>If you choose the Run Inspect&amp;Transform on option, the IDE displays the 
Inspect and Transform dialog box that allows to run a single Convert to Lambda 
inspection (or a selected configuration) on the specified code and refactor it 
if needed.</p>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> For more information on initiating the Inspect and 
Transform operation, see <a 
href="http://www.oracle.com/pls/topic/lookup?ctx=nb7400&amp;id=NBDAG613";>Using 
Hints in Source Code Analysis and Refactoring</a> in <em>Developing 
Applications with NetBeans IDE</em>.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+For more information on initiating the Inspect and Transform operation, see <a 
href="http://www.oracle.com/pls/topic/lookup?ctx=nb7400&amp;id=NBDAG613";>Using 
Hints in Source Code Analysis and Refactoring</a> in <em>Developing 
Applications with NetBeans IDE</em>.
+</td>
+</tr>
+</table>
 </div>
 <div class="openblock feature">
 <div class="content">
diff --git a/content/kb/docs/java/jmx-getstart.html 
b/content/kb/docs/java/jmx-getstart.html
index f97468e..e2e4d35 100644
--- a/content/kb/docs/java/jmx-getstart.html
+++ b/content/kb/docs/java/jmx-getstart.html
@@ -99,8 +99,17 @@
 <div class="paragraph">
 <p>This document has been updated for the JMX Wizard module version 3.0, for 
NetBeans IDE 6.5 and newer, and running on top of JDK 6 or JDK 7. You can 
download the JMX module from the Update Center.</p>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> This document is a short and quick introduction to 
the JMX module for NetBeans IDE. For more detailed information, complete the 
JMX Module Tutorial <a href="jmx-tutorial.html">Adding JMX Instrumentation to a 
Java Application</a>.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+This document is a short and quick introduction to the JMX module for NetBeans 
IDE. For more detailed information, complete the JMX Module Tutorial <a 
href="jmx-tutorial.html">Adding JMX Instrumentation to a Java Application</a>.
+</td>
+</tr>
+</table>
 </div>
 <div class="paragraph">
 <p>This getting started document gives you an overview of the JMX module 
features:</p>
diff --git a/content/kb/docs/java/maven-hib-java-se.html 
b/content/kb/docs/java/maven-hib-java-se.html
index 0ae5bf0..073fbf4 100644
--- a/content/kb/docs/java/maven-hib-java-se.html
+++ b/content/kb/docs/java/maven-hib-java-se.html
@@ -1211,8 +1211,17 @@ image::images/mapping-wizard.png[title="Generate 
Hibernate Mapping Files wizard"
 <div class="paragraph">
 <p>You can use code completion in the editor to complete the values when 
modifying the mapping file.</p>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> By default, the generated  <code>class</code>  
element has a closing tag. Because you need to add property elements between 
the opening and closing  <code>class</code>  element tags, you need to make the 
following changes (displayed in bold). After making the changes you can then 
use code completion between the  <code>class</code>  tags.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+By default, the generated  <code>class</code>  element has a closing tag. 
Because you need to add property elements between the opening and closing  
<code>class</code>  element tags, you need to make the following changes 
(displayed in bold). After making the changes you can then use code completion 
between the  <code>class</code>  tags.
+</td>
+</tr>
+</table>
 </div>
 <div class="listingblock">
 <div class="content">
diff --git a/content/kb/docs/java/native_pkg.html 
b/content/kb/docs/java/native_pkg.html
index aa41ca3..24cb0b3 100644
--- a/content/kb/docs/java/native_pkg.html
+++ b/content/kb/docs/java/native_pkg.html
@@ -117,7 +117,7 @@
 <p>In this tutorial you will create an  <code>EXE</code>  installer for a Java 
SE application and an  <code>MSI</code>  installer for a JavaFX application for 
the Windows operating system based on the sample applications bundled with the 
IDE.</p>
 </div>
 <div class="paragraph">
-<p><strong>Note:</strong></p>
+<p>NOTE:</p>
 </div>
 <div class="ulist">
 <ul>
@@ -186,8 +186,17 @@
 </li>
 </ul>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> For a list of tools required for making installers 
for different platforms, see "<a 
href="http://www.oracle.com/pls/topic/lookup?ctx=nb7400&amp;id=NBDAG2508";>Packaging
 an Application as a Native Installer</a>" in <em>Developing Applications with 
NetBeans IDE</em>.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+For a list of tools required for making installers for different platforms, 
see "<a 
href="http://www.oracle.com/pls/topic/lookup?ctx=nb7400&amp;id=NBDAG2508";>Packaging
 an Application as a Native Installer</a>" in <em>Developing Applications with 
NetBeans IDE</em>.
+</td>
+</tr>
+</table>
 </div>
 <div class="paragraph">
 <p><strong>To install Inno Setup:</strong></p>
@@ -444,8 +453,17 @@ The IDE displays the results in the Output window.</p>
 </li>
 </ul>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> The IDE creates an  <code>EXE</code>  installer only 
if Inno Setup is <a href="#tool">installed and added to the system Path 
variable</a>.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+The IDE creates an  <code>EXE</code>  installer only if Inno Setup is <a 
href="#tool">installed and added to the system Path variable</a>.
+</td>
+</tr>
+</table>
 </div>
 <div class="paragraph">
 <p>The IDE displays the progress and result of the packaging process in the 
Output window.</p>
@@ -459,8 +477,17 @@ The IDE displays the results in the Output window.</p>
 </div>
 </div>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> The IDE first logs some progress and then for some 
time it looks as if nothing is happening - this is exactly the moment when Inno 
Setup is working in the background. It takes a while for the packaging to get 
completed.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+The IDE first logs some progress and then for some time it looks as if nothing 
is happening - this is exactly the moment when Inno Setup is working in the 
background. It takes a while for the packaging to get completed.
+</td>
+</tr>
+</table>
 </div>
 <div class="paragraph">
 <p>When the  <code>EXE</code>  installer is ready, it is placed in the  
<code>AnagramGame/dist/bundles/</code>  directory.</p>
@@ -615,8 +642,17 @@ The IDE displays the results in the Output window.</p>
 </li>
 </ul>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> If the build is successful but the IDE displays  
<code>warning: [options] bootstrap class path not set in conjunction with 
-source 1.6</code>  in the Output window, the Source/Binary format needs to be 
set to JDK 8 in the project properties and the project needs to be cleaned and 
built again as follows:</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+If the build is successful but the IDE displays  <code>warning: [options] 
bootstrap class path not set in conjunction with -source 1.6</code>  in the 
Output window, the Source/Binary format needs to be set to JDK 8 in the project 
properties and the project needs to be cleaned and built again as follows:
+</td>
+</tr>
+</table>
 </div>
 <div class="olist arabic">
 <ol class="arabic">
@@ -650,8 +686,17 @@ The IDE displays the results in the Output window.</p>
 </li>
 </ul>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> The IDE creates an  <code>MSI</code>  installer only 
if WiX is <a href="#tool">installed and added to the system Path 
variable</a>.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+The IDE creates an  <code>MSI</code>  installer only if WiX is <a 
href="#tool">installed and added to the system Path variable</a>.
+</td>
+</tr>
+</table>
 </div>
 <div class="paragraph">
 <p>The IDE displays the progress and result of the packaging process in the 
Output window.</p>
@@ -665,8 +710,17 @@ The IDE displays the results in the Output window.</p>
 </div>
 </div>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> The IDE first logs some progress and then for some 
time it looks as if nothing is happening - this is exactly the moment when WiX 
is working in the background. It takes a while for the packaging to get 
completed.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+The IDE first logs some progress and then for some time it looks as if nothing 
is happening - this is exactly the moment when WiX is working in the 
background. It takes a while for the packaging to get completed.
+</td>
+</tr>
+</table>
 </div>
 <div class="paragraph">
 <p>The installable JavaFX application is located in the  
<code>BrickBreaker/dist/bundles/</code>  directory.</p>
diff --git a/content/kb/docs/java/profiler-intro.html 
b/content/kb/docs/java/profiler-intro.html
index 91e5f62..3604738 100644
--- a/content/kb/docs/java/profiler-intro.html
+++ b/content/kb/docs/java/profiler-intro.html
@@ -335,8 +335,17 @@ image::images/monitor-task.png[title="Selecting the 
Monitor Application profilin
 <div class="paragraph">
 <p>A root method is the method, class or package in your source code that you 
specify as an instrumentation root. Profiling data is collected when one of the 
application&#8217;s threads enters and leaves the instrumentation root. No 
profiling data is collected until one of the application&#8217;s threads enters 
the root method. Specifying a root method can significantly reduce the 
profiling overhead. For some applications, specifying a root method may be the 
only way to obtain any detail [...]
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> The Quick profile mode is not available in NetBeans 
IDE 7.0 and earlier. You can only use instrumentation to obtain profiling 
results, but you can choose to instrument the entire application or limit 
instrumentation to part of the application by specifying one or more root 
methods.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+The Quick profile mode is not available in NetBeans IDE 7.0 and earlier. You 
can only use instrumentation to obtain profiling results, but you can choose to 
instrument the entire application or limit instrumentation to part of the 
application by specifying one or more root methods.
+</td>
+</tr>
+</table>
 </div>
 <div class="paragraph">
 <p>You can further fine tune how much code is profiled by using a filter to 
limit the sources that are instrumented.</p>
diff --git a/content/kb/docs/java/quickstart-gui.html 
b/content/kb/docs/java/quickstart-gui.html
index 0f69ce1..3bc65d2 100644
--- a/content/kb/docs/java/quickstart-gui.html
+++ b/content/kb/docs/java/quickstart-gui.html
@@ -278,8 +278,17 @@ The IDE creates the  ``ContactEditorUI``  form and the  
``ContactEditorUI``  cla
 <div class="paragraph">
 <p>Now that we&#8217;ve set up a new project for our application, let&#8217;s 
take a minute to familiarize ourselves with the GUI Builder&#8217;s 
interface.</p>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> To explore the GUI Builder interface with an 
interactive demo, view the <a 
href="http://bits.netbeans.org/media/quickstart-gui-explore.swf";>Exploring GUI 
Builder (.swf)</a> screencast.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+To explore the GUI Builder interface with an interactive demo, view the <a 
href="http://bits.netbeans.org/media/quickstart-gui-explore.swf";>Exploring GUI 
Builder (.swf)</a> screencast.
+</td>
+</tr>
+</table>
 </div>
 <div class="openblock feature">
 <div class="content">
@@ -315,8 +324,17 @@ The IDE creates the  ``ContactEditorUI``  form and the  
``ContactEditorUI``  cla
 <div class="paragraph">
 <p>If you click the Source button, the IDE displays the application&#8217;s 
Java source code in the Editor with sections of code that are automatically 
generated by the GUI Builder indicated by grey areas (they become blue when 
selected), called Guarded Blocks. Guarded blocks are protected areas that are 
not editable in Source view. You can only edit code appearing in the white 
areas of the Editor when in Source view. If you need to make changes to the 
code within a Guarded Block, clicki [...]
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> For advanced developers, the Palette Manager is 
available that enables you to add custom components from JARs, libraries, or 
other projects to the Palette. To add custom components through the Palette 
Manager, choose Tools &gt; Palette &gt; Swing/AWT Components.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+For advanced developers, the Palette Manager is available that enables you to 
add custom components from JARs, libraries, or other projects to the Palette. 
To add custom components through the Palette Manager, choose Tools &gt; Palette 
&gt; Swing/AWT Components.
+</td>
+</tr>
+</table>
 </div>
 <div class="paragraph">
 <p><a href="#top">top</a></p>
@@ -362,7 +380,7 @@ The GUI Builder also provides visual feedback regarding 
component anchoring and
 </div>
 <div class="listingblock">
 <div class="content">
-<pre>*Note:* Refer to the 
link:http://bits.netbeans.org/media/quickstart-gui-add.swf[+Adding individual 
and multiple components (.swf)+] screencast for an interactive demo on the 
section below.
+<pre>NOTE: Refer to the 
link:http://bits.netbeans.org/media/quickstart-gui-add.swf[+Adding individual 
and multiple components (.swf)+] screencast for an interactive demo on the 
section below.
 
 
 === Adding Components: The Basics
@@ -553,7 +571,7 @@ image::images/04_multi-add_2.png[]
 
 === Inserting Components
 
-*Note:* Refer to the 
link:http://bits.netbeans.org/media/quickstart-gui-insert.swf[+Inserting 
components (.swf)+] screencast for an interactive demo on the section below.
+NOTE: Refer to the 
link:http://bits.netbeans.org/media/quickstart-gui-insert.swf[+Inserting 
components (.swf)+] screencast for an interactive demo on the section below.
 
 Often it is necessary to add a component between components that are already 
placed in a form. Whenever you add a component between two existing components, 
the GUI Builder automatically shifts them to make room for the new component. 
To demonstrate this, we'll insert a JTextField between the JLabels we added 
previously, as shown in the following two illustrations.
 
@@ -620,7 +638,7 @@ The JTextField's right edge snaps into alignment with the 
JPanel's recommended e
 <div class="content">
 <pre>=== Component Alignment
 
-*Note:* Refer to the 
link:http://bits.netbeans.org/media/quickstart-gui-align.swf[+Aligning and 
anchoring components (.swf)+] screencast for an interactive demo on the 
sections below.
+NOTE: Refer to the 
link:http://bits.netbeans.org/media/quickstart-gui-align.swf[+Aligning and 
anchoring components (.swf)+] screencast for an interactive demo on the 
sections below.
 
 Every time you add a component to a form, the GUI Builder effectively aligns 
them, as evidenced by the alignment guidelines that appear. It is sometimes 
necessary, however, to specify different relationships between groups of 
components as well. Earlier we added four JLabels that we need for our 
ContactEditor GUI, but we didn't align them. Now we'll align the two columns of 
JLabels so that their right edges line up.
 
@@ -794,7 +812,7 @@ Since JLists are used to display long lists of data, they 
typically require the
 
 === Component Sizing
 
-*Note:* Refer to the 
link:http://bits.netbeans.org/media/quickstart-gui-resize.swf[+Resizing and 
indenting components (.swf)+] screencast for an interactive demo on the 
sections below.
+NOTE: Refer to the 
link:http://bits.netbeans.org/media/quickstart-gui-resize.swf[+Resizing and 
indenting components (.swf)+] screencast for an interactive demo on the 
sections below.
 
 It is often beneficial to set several related components, such as buttons in 
modal dialogues, to be the same size for visual consistency. To demonstrate 
this we'll add four JButtons to our ContactEditor form that will allow us to 
add, edit, and remove individual entries from our contact list, as shown in the 
following illustrations. Afterwards, we'll set the four buttons to be the same 
size so they can be easily recognized as offering related functionality.
 
@@ -1001,8 +1019,17 @@ The last thing we need to do is delete the placeholder 
text in the various compo
 <div class="paragraph">
 <p>If you are running the IDE on JDK 6, the IDE generates your application 
code to use the GroupLayout classes that are in Java SE 6. This means that you 
can deploy the application to run on systems with Java SE 6 installed and you 
do not need to package your application with the Swing Layout Extensions 
library.</p>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> If you create your application using JDK 6 but you 
need the application to also run on Java SE 5, you can have the IDE generate 
its code to use the Swing Layout Extensions library instead of the classes in 
Java SE 6. Open the ContactEditorUI class in the GUI Editor. In the Navigator, 
right-click the Form ContactEditorUI node and choose Properties in the popup 
menu. In the Properties dialog box, change the value of the Layout Generation 
Style property to Swing La [...]
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+If you create your application using JDK 6 but you need the application to 
also run on Java SE 5, you can have the IDE generate its code to use the Swing 
Layout Extensions library instead of the classes in Java SE 6. Open the 
ContactEditorUI class in the GUI Editor. In the Navigator, right-click the Form 
ContactEditorUI node and choose Properties in the popup menu. In the Properties 
dialog box, change the value of the Layout Generation Style property to Swing 
Layout Extensions Library.
+</td>
+</tr>
+</table>
 </div>
 <div class="listingblock">
 <div class="content">
@@ -1031,8 +1058,17 @@ To run a standalone GUI application from the command 
line:
 <pre></pre>
 </div>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> If you encounter the following error:</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+If you encounter the following error:
+</td>
+</tr>
+</table>
 </div>
 <div class="listingblock">
 <div class="content">
diff --git a/content/kb/docs/javaee/javaee-entapp-ejb.html 
b/content/kb/docs/javaee/javaee-entapp-ejb.html
index 63aedbd..e579d5d 100644
--- a/content/kb/docs/javaee/javaee-entapp-ejb.html
+++ b/content/kb/docs/javaee/javaee-entapp-ejb.html
@@ -996,8 +996,17 @@ out.println("&lt;/body&gt;");</code></pre>
 </li>
 </ol>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> When selecting the libraries to import for  
<code>Connection</code> ,  <code>ConnectionFactory</code> ,  
<code>Session</code>  and  <code>Queue</code> , <strong>confirm that you import 
the  <code>javax.jms</code>  libraries</strong>.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+When selecting the libraries to import for  <code>Connection</code> ,  
<code>ConnectionFactory</code> ,  <code>Session</code>  and  <code>Queue</code> 
, <strong>confirm that you import the  <code>javax.jms</code>  
libraries</strong>.
+</td>
+</tr>
+</table>
 </div>
 <div class="imageblock">
 <div class="content">
diff --git a/content/kb/docs/javaee/maven-entapp.html 
b/content/kb/docs/javaee/maven-entapp.html
index 9ceac0f..f32a72b 100644
--- a/content/kb/docs/javaee/maven-entapp.html
+++ b/content/kb/docs/javaee/maven-entapp.html
@@ -679,8 +679,17 @@ public void onMessage(Message message) {
 </li>
 </ol>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> When generating the import statements, you want to 
make sure to import the * <code>jms</code> * and * 
<code>javax.annotation.Resource</code> * libraries.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+When generating the import statements, you want to make sure to import the * 
<code>jms</code> * and * <code>javax.annotation.Resource</code> * libraries.
+</td>
+</tr>
+</table>
 </div>
 <div class="paragraph">
 <p>For more details about message-driven beans, see the chapter <a 
href="http://download.oracle.com/javaee/6/tutorial/doc/gipko.html";>What is a 
Message-Driven Bean?</a> in the <a 
href="http://download.oracle.com/javaee/6/tutorial/doc/index.html";>Java EE 6 
Tutorial, Part I</a>.</p>
diff --git a/content/kb/docs/javaee/profiler-javaee.html 
b/content/kb/docs/javaee/profiler-javaee.html
index 4753247..1b3e9c2 100644
--- a/content/kb/docs/javaee/profiler-javaee.html
+++ b/content/kb/docs/javaee/profiler-javaee.html
@@ -564,8 +564,17 @@ image::images/cpu-pane1-results1.png[title="Results of 
Profile Application mode"
 </div>
 <div class="title">Figure 8. Drilldown graph of relative time spent in 
servlets in the application</div>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> In a more complex application you may want to 
specify several root methods. You can select individual methods, entire classes 
and packages as profiling roots.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+In a more complex application you may want to specify several root methods. 
You can select individual methods, entire classes and packages as profiling 
roots.
+</td>
+</tr>
+</table>
 </div>
 <div class="paragraph">
 <p>To specify a profiling root and analyze the performance of the application, 
perform the following steps.</p>
diff --git a/content/kb/docs/javame/imp-ng.html 
b/content/kb/docs/javame/imp-ng.html
index 7128f9a..75c9e65 100644
--- a/content/kb/docs/javame/imp-ng.html
+++ b/content/kb/docs/javame/imp-ng.html
@@ -424,8 +424,17 @@ The Output window displays the BUILD SUCCESSFUL 
statement.</p>
 </li>
 </ol>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> Choose Window &gt; Output &gt; Output from the the 
IDE&#8217;s main menu if the Output window is not visible.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+Choose Window &gt; Output &gt; Output from the the IDE&#8217;s main menu if 
the Output window is not visible.
+</td>
+</tr>
+</table>
 </div>
 <div class="olist arabic">
 <ol class="arabic">
@@ -444,8 +453,17 @@ The IMPNGPhone1 emulator starts and displays the 
EmbeddedApp application running
 </div>
 </div>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> More information on the Java ME Embedded Emulator is 
available in the <a 
href="http://docs.oracle.com/javame/config/cldc/rel/3.2/get-started-win/title.htm";>Oracle
 Java ME Embedded Getting Started Guide for the Windows 32 Platform</a>.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+More information on the Java ME Embedded Emulator is available in the <a 
href="http://docs.oracle.com/javame/config/cldc/rel/3.2/get-started-win/title.htm";>Oracle
 Java ME Embedded Getting Started Guide for the Windows 32 Platform</a>.
+</td>
+</tr>
+</table>
 </div>
 <div class="paragraph">
 <p>In the Output window, you should see the output from the program, 
<code>Hello, world!</code></p>
@@ -554,8 +572,17 @@ The run process is terminated in the IDE.</p>
 </li>
 </ol>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> You are prompted to integrate the profiler when a 
project is going to be profiled for the first time.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+You are prompted to integrate the profiler when a project is going to be 
profiled for the first time.
+</td>
+</tr>
+</table>
 </div>
 <div class="openblock feature">
 <div class="content">
@@ -596,8 +623,17 @@ The IDE displays the profile data in the 
<code>cpu:_time_</code> window.</p>
 </div>
 </div>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> To save the data collected during the emulation 
session for future reference you can either:</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+To save the data collected during the emulation session for future reference 
you can either:
+</td>
+</tr>
+</table>
 </div>
 <div class="ulist">
 <ul>
diff --git a/content/kb/docs/javame/java-card.html 
b/content/kb/docs/javame/java-card.html
index c7b3d37..3b11b9b 100644
--- a/content/kb/docs/javame/java-card.html
+++ b/content/kb/docs/javame/java-card.html
@@ -201,8 +201,17 @@
 <div class="paragraph">
 <p>Since a smart card does not have a user interface, you either need a smart 
card reader to read and write the data on your cards, or use the emulator 
included in the Java Card Reference Implementation (RI). This tutorial will use 
the emulator.</p>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> the Java Card plugin works on any operating system, 
but the Java Card Reference Implementation emulator is only available for 
Windows. However, you can set it up as a Java Platform on other operating 
systems by pointing NetBeans to an installation of the RI on a Windows 
partition on a Mac or Linux system, but you won&#8217;t be able to run projects 
using this setup.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+the Java Card plugin works on any operating system, but the Java Card 
Reference Implementation emulator is only available for Windows. However, you 
can set it up as a Java Platform on other operating systems by pointing 
NetBeans to an installation of the RI on a Windows partition on a Mac or Linux 
system, but you won&#8217;t be able to run projects using this setup.
+</td>
+</tr>
+</table>
 </div>
 <div class="sect2">
 <h3 id="_installing_plugins_into_the_netbeans_ide">Installing Plugins into the 
NetBeans IDE</h3>
diff --git a/content/kb/docs/javame/javacard.html 
b/content/kb/docs/javame/javacard.html
index 4f3d92a..6335f5d 100644
--- a/content/kb/docs/javame/javacard.html
+++ b/content/kb/docs/javame/javacard.html
@@ -201,8 +201,17 @@
 <div class="paragraph">
 <p>Since a smart card does not have a user interface, you either need a smart 
card reader to read and write the data on your cards, or use the emulator 
included in the Java Card Reference Implementation (RI). This tutorial will use 
the emulator.</p>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> the Java Card plugin works on any operating system, 
but the Java Card Reference Implementation emulator is only available for 
Windows. However, you can set it up as a Java Platform on other operating 
systems by pointing NetBeans to an installation of the RI on a Windows 
partition on a Mac or Linux system, but you won&#8217;t be able to run projects 
using this setup.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+the Java Card plugin works on any operating system, but the Java Card 
Reference Implementation emulator is only available for Windows. However, you 
can set it up as a Java Platform on other operating systems by pointing 
NetBeans to an installation of the RI on a Windows partition on a Mac or Linux 
system, but you won&#8217;t be able to run projects using this setup.
+</td>
+</tr>
+</table>
 </div>
 <div class="sect2">
 <h3 id="_installing_plugins_into_the_netbeans_ide">Installing Plugins into the 
NetBeans IDE</h3>
diff --git a/content/kb/docs/javame/nb_me8_screencast.html 
b/content/kb/docs/javame/nb_me8_screencast.html
index aff609b..33f7c55 100644
--- a/content/kb/docs/javame/nb_me8_screencast.html
+++ b/content/kb/docs/javame/nb_me8_screencast.html
@@ -101,7 +101,7 @@
 <p class="tableblock">Authors: Roman Svitanic, Alyona Stashkova
 Time: 6:38</p>
 <p class="tableblock"><a 
href="http://bits.netbeans.org/media/nb_me_8.mp4";>Watch full size/Download</a> 
(.mp4) (Ctrl-Click to download, 12,2 MB)</p>
-<p class="tableblock"><strong>Note:</strong> Closed captioning is available 
for this video. Click the CC button at the bottom of the video to turn closed 
captions on.</p>
+<p class="tableblock">NOTE: Closed captioning is available for this video. 
Click the CC button at the bottom of the video to turn closed captions on.</p>
 <p class="tableblock"><a 
href="/about/contact_form.html?to=6&amp;subject=Feedback:%20Screencast%20-%20NetBeans%20IDE%20Support%20for%20Java%20ME%208%20EA">Send
 Us Your Feedback</a></p></td>
 </tr>
 <tr>
diff --git a/content/kb/docs/javame/nb_me_plugins_screencast.html 
b/content/kb/docs/javame/nb_me_plugins_screencast.html
index a7b0b04..df5aa76 100644
--- a/content/kb/docs/javame/nb_me_plugins_screencast.html
+++ b/content/kb/docs/javame/nb_me_plugins_screencast.html
@@ -101,7 +101,7 @@
 <p class="tableblock">Author: Alyona Stashkova
 Time: 7:05</p>
 <p class="tableblock"><a 
href="http://bits.netbeans.org/media/nb_me_sdk_plugins.mp4";>Watch full 
size/Download</a> (.mp4) (Ctrl-Click to download, 13,9 MB)</p>
-<p class="tableblock"><strong>Note:</strong> Closed captioning is available 
for this video. Click the CC button at the bottom of the video to turn closed 
captions on.</p>
+<p class="tableblock">NOTE: Closed captioning is available for this video. 
Click the CC button at the bottom of the video to turn closed captions on.</p>
 <p class="tableblock"><a 
href="/about/contact_form.html?to=6&amp;subject=Feedback:%20Screencast%20-%20Installing%20and%20Using%20Java%20ME%20SDK%208.0%20Plugins%20in%20NetBeans%20IDE">Send
 Us Your Feedback</a></p></td>
 </tr>
 <tr>
diff --git a/content/kb/docs/php/ajax-quickstart.html 
b/content/kb/docs/php/ajax-quickstart.html
index b2efe93..22eb1dd 100644
--- a/content/kb/docs/php/ajax-quickstart.html
+++ b/content/kb/docs/php/ajax-quickstart.html
@@ -291,8 +291,17 @@ image::images/php-name-location.png[title="New PHP Project 
wizard - Name and Loc
 </li>
 </ol>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> If you have difficulty setting up your project or 
establishing communication between the IDE, the server and browser, see <a 
href="project-setup.html">Setting Up a PHP Project</a> for a more thorough 
description. The <a href="../../trails/php.html">PHP Learning Trail</a> can 
provide more information on configuring your environment.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+If you have difficulty setting up your project or establishing communication 
between the IDE, the server and browser, see <a 
href="project-setup.html">Setting Up a PHP Project</a> for a more thorough 
description. The <a href="../../trails/php.html">PHP Learning Trail</a> can 
provide more information on configuring your environment.
+</td>
+</tr>
+</table>
 </div>
 <div class="sect2">
 <h3 id="html">Using the HTML Editor</h3>
@@ -1022,8 +1031,17 @@ if(isset($_GET['action']) &amp;amp;&amp;amp; 
isset($_GET['id']) &amp;amp;&amp;am
 <div class="paragraph">
 <p>The <code>parseMessages()</code> function handles the incoming XML data. In 
doing so, it relies on several ancillary functions, such as 
<code>appendComposer()</code>, <code>getElementY()</code>, and 
<code>clearTable()</code>. You must also introduce new elements to the index 
page, such as a second HTML table which serves as the auto-complete box, and 
ID&#8217;s for elements so they can be referenced in 
<code>javascript.js</code>. Finally, you create new variables corresponding to 
ID&# [...]
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> The functions and elements that you create in the 
following steps work interdependently. It is recommended that you work through 
this section, then examine the code once it is all in place.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+The functions and elements that you create in the following steps work 
interdependently. It is recommended that you work through this section, then 
examine the code once it is all in place.
+</td>
+</tr>
+</table>
 </div>
 <div class="olist arabic">
 <ol class="arabic">
@@ -1162,8 +1180,17 @@ var autoRow;</code></pre>
 <div class="paragraph">
 <p>This function is applied to find the vertical position of the parent 
element. This is necessary because the actual position of the element, when it 
is displayed, is often dependent on browser type and version. Note that the 
<code>complete-table</code> element, when displayed containing composer names, 
is shifted to the lower right of the table in which it exists. The correct 
height positioning is determined by <code>getElementY()</code>.</p>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> See <a 
href="http://www.quirksmode.org/js/findpos.html";>this explanation</a> of 
<code>offset</code> on <a 
href="http://www.quirksmode.org/";>http://www.quirksmode.org/</a>.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+See <a href="http://www.quirksmode.org/js/findpos.html";>this explanation</a> 
of <code>offset</code> on <a 
href="http://www.quirksmode.org/";>http://www.quirksmode.org/</a>.
+</td>
+</tr>
+</table>
 </div>
 <div class="olist arabic">
 <ol class="arabic">
diff --git a/content/kb/docs/php/code-templates.html 
b/content/kb/docs/php/code-templates.html
index ad34ad3..2d4681a 100644
--- a/content/kb/docs/php/code-templates.html
+++ b/content/kb/docs/php/code-templates.html
@@ -164,8 +164,17 @@
 <div class="paragraph">
 <p>In this image the new class ( <code>cls)</code>  code template is selected, 
and in the Expanded Text tab you see what the template looks like when 
it&#8217;s expanded. In the next section, you use the Tab function to expand 
this template in your code.</p>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> The syntax of the new class ( <code>cls</code> ) 
code template is explored in the section <a href="#syntax">PHP Code Template 
Syntax</a>.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+The syntax of the new class ( <code>cls</code> ) code template is explored in 
the section <a href="#syntax">PHP Code Template Syntax</a>.
+</td>
+</tr>
+</table>
 </div>
 </div>
 </div>
@@ -501,8 +510,17 @@ image::images/value-method-cc.png[]</p>
 <div class="paragraph">
 <p>The following sections discuss each form of a code template parameter.</p>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong>  <code>${VARIABLE...} `` Sometimes you see a PHP 
code template where the syntax seems to be three dollar signs followed by curly 
brackets  ``${&#8230;&#8203;}</code> . In this case, the code template includes 
a variable and its name. The syntax here is an escaped dollar sign, written as 
a double dollar sign  <code>`` , followed by a parameter for the variable name, 
 ``${VARIABLE...}`` . For example, the code template  ``catch ${Exception} 
${exc}</code>  is expan [...]
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+<code>${VARIABLE...} `` Sometimes you see a PHP code template where the syntax 
seems to be three dollar signs followed by curly brackets  
``${&#8230;&#8203;}</code> . In this case, the code template includes a 
variable and its name. The syntax here is an escaped dollar sign, written as a 
double dollar sign  <code>`` , followed by a parameter for the variable name,  
``${VARIABLE...}`` . For example, the code template  ``catch ${Exception} 
${exc}</code>  is expanded as [examplecode]# <code [...]
+</td>
+</tr>
+</table>
 </div>
 <div class="sect2">
 <h3 id="_placeholder_name">Placeholder name</h3>
diff --git a/content/kb/docs/php/configure-php-environment-ubuntu.html 
b/content/kb/docs/php/configure-php-environment-ubuntu.html
index ee0517e..1d37159 100644
--- a/content/kb/docs/php/configure-php-environment-ubuntu.html
+++ b/content/kb/docs/php/configure-php-environment-ubuntu.html
@@ -504,8 +504,17 @@ For each item, from the context menu choose Mark for 
installation.</p>
 </li>
 </ol>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> You can also install the modules by running the 
following command in the Terminal window:  <code>aptitude install php5-dev 
php-pear</code></p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+You can also install the modules by running the following command in the 
Terminal window:  <code>aptitude install php5-dev php-pear</code>
+</td>
+</tr>
+</table>
 </div>
 <div class="olist arabic">
 <ol class="arabic">
diff --git a/content/kb/docs/php/configure-php-environment-windows.html 
b/content/kb/docs/php/configure-php-environment-windows.html
index 3aec7b8..f8d70e0 100644
--- a/content/kb/docs/php/configure-php-environment-windows.html
+++ b/content/kb/docs/php/configure-php-environment-windows.html
@@ -177,7 +177,7 @@ Included in XAMPP Windows.</p></td>
 </li>
 <li>
 <p>A database server. You can use various database servers while one of the 
most popular ones is the MySQL server. Downloads are available <a 
href="http://dev.mysql.com/downloads/mysql/5.1.html";>here</a>.
-<strong>Note:</strong> The recommended version of the product is MySQL Server 
5.0. The provided documents describe the work with this version.</p>
+NOTE: The recommended version of the product is MySQL Server 5.0. The provided 
documents describe the work with this version.</p>
 </li>
 </ul>
 </div>
@@ -321,8 +321,17 @@ zend_extension_ts = 
"./php/ext/php_xdebug&lt;-version-number&gt;.dll"
 <div class="paragraph">
 <p>Set the  <code>xdebug.remote_enable</code>  property to 1, not "true" or 
any other value.</p>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> Make sure the paths you specify match the location 
of the corresponding files as determined during your installation.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+Make sure the paths you specify match the location of the corresponding files 
as determined during your installation.
+</td>
+</tr>
+</table>
 </div>
 <div class="olist arabic">
 <ol class="arabic">
@@ -602,8 +611,17 @@ xdebug.remote_enable=1</code></pre>
 <div class="paragraph">
 <p>Click <a href="http://www.xdebug.org/docs/install";>here</a> for more 
information on how to configure XDebug.</p>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> Make sure the paths you specify match the names and 
locations of the corresponding files as determined during your installation.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+Make sure the paths you specify match the names and locations of the 
corresponding files as determined during your installation.
+</td>
+</tr>
+</table>
 </div>
 <div class="olist arabic">
 <ol class="arabic">
diff --git a/content/kb/docs/php/debugging.html 
b/content/kb/docs/php/debugging.html
index 573c2e3..9eb9704 100644
--- a/content/kb/docs/php/debugging.html
+++ b/content/kb/docs/php/debugging.html
@@ -235,8 +235,17 @@
 </li>
 </ul>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> Set  <code>output_buffering = Off</code>  in your  
<code>php.ini</code>  file. Otherwise there will be a delay in seeing script 
output in the Output window.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+Set  <code>output_buffering = Off</code>  in your  <code>php.ini</code>  file. 
Otherwise there will be a delay in seeing script output in the Output window.
+</td>
+</tr>
+</table>
 </div>
 <div class="paragraph">
 <p>For the purposes of this tutorial you do not need to change any of these 
settings, except optionally to enable watches.</p>
@@ -522,7 +531,7 @@
 </li>
 <li>
 <p>In the Projects window, navigate to the current project node, click the 
right mouse button, and choose Debug from the popup menu. The IDE opens the 
Debugger windows and runs the project in the debugger until the breakpoint is 
reached.
-<strong>Note:</strong> If the current project is set as Main, you can choose 
Debug  &gt; Debug Main Project, or press Ctrl-F5, or click 
image::images/debug-main-project-button.png[].</p>
+NOTE: If the current project is set as Main, you can choose Debug  &gt; Debug 
Main Project, or press Ctrl-F5, or click 
image::images/debug-main-project-button.png[].</p>
 </li>
 <li>
 <p>Switch to the Local Variables window. The window shows all the variables 
that have been initialized within the current function, their types, and 
values.</p>
@@ -651,7 +660,7 @@ image::images/local-variables-inside-loop.png[]</p>
 </li>
 <li>
 <p>When you make sure that the code works correctly, press Ctrl-F7/⌘-F7 to 
cancel the function execution. The program returns to the line next after the 
call of the function  <code>calculate_factorial()</code> .
-<strong>Note:</strong> Alternatively, you can press F7 until the program 
completes execution of the function  <code>calculate_factorial()</code> . You 
will also return to the line next after its call.
+NOTE: Alternatively, you can press F7 until the program completes execution of 
the function  <code>calculate_factorial()</code> . You will also return to the 
line next after its call.
 image::images/call-of-embedded-function-second-time.png[]</p>
 </li>
 <li>
diff --git a/content/kb/docs/php/phpunit.html b/content/kb/docs/php/phpunit.html
index 036311e..aa3c91f 100644
--- a/content/kb/docs/php/phpunit.html
+++ b/content/kb/docs/php/phpunit.html
@@ -237,8 +237,17 @@ image::images/test-directory.png[]</p>
 </li>
 </ol>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> You can manually write multiple tests for a project. 
If you write multiple tests, you can sort them into subfolders of the test file 
directory, such as "important" or "quick." You can then run tests in a 
subfolder by right-clicking that folder and selecting Run Tests.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+You can manually write multiple tests for a project. If you write multiple 
tests, you can sort them into subfolders of the test file directory, such as 
"important" or "quick." You can then run tests in a subfolder by right-clicking 
that folder and selecting Run Tests.
+</td>
+</tr>
+</table>
 </div>
 <div class="imageblock">
 <div class="content">
diff --git a/content/kb/docs/php/project-setup.html 
b/content/kb/docs/php/project-setup.html
index ff11f87..f671e0f 100644
--- a/content/kb/docs/php/project-setup.html
+++ b/content/kb/docs/php/project-setup.html
@@ -244,7 +244,7 @@ image::images/new-php-project-m1.png[]</p>
 </li>
 <li>
 <p>In the Sources Folder field, specify the folder from where you want to 
import the source files.
-<strong>Note:</strong> If you are going to run the <a 
href="#localServer">project on a local web server</a>, do not forget to specify 
<a href="#copyFilesFromSourcesFolder">copying the source files</a> to it.</p>
+NOTE: If you are going to run the <a href="#localServer">project on a local 
web server</a>, do not forget to specify <a 
href="#copyFilesFromSourcesFolder">copying the source files</a> to it.</p>
 </li>
 <li>
 <p>From the Default Encoding dropdown list, choose the default encoding for 
your project.</p>
diff --git a/content/kb/docs/php/quickstart.html 
b/content/kb/docs/php/quickstart.html
index 1835f2f..82b3d98 100644
--- a/content/kb/docs/php/quickstart.html
+++ b/content/kb/docs/php/quickstart.html
@@ -243,7 +243,7 @@ Congratulations! Your program works!</p>
 <div class="sectionbody">
 <div class="paragraph">
 <p>You can use various database servers with the NetBeans IDE for PHP, 
although the most popular is the MySQL server. Downloads are available <a 
href="http://dev.mysql.com/downloads/mysql/5.1.html";>here</a>.
-<strong>Note:</strong> The recommended version of the product is MySQL Server 
5.0.
+NOTE: The recommended version of the product is MySQL Server 5.0.
 See also:</p>
 </div>
 <div class="ulist">
diff --git a/content/kb/docs/php/screencast-apigen.html 
b/content/kb/docs/php/screencast-apigen.html
index 71dca2e..2127ed8 100644
--- a/content/kb/docs/php/screencast-apigen.html
+++ b/content/kb/docs/php/screencast-apigen.html
@@ -85,7 +85,7 @@
 <tbody>
 <tr>
 <td class="tableblock halign-left valign-top"><p class="tableblock">This 
screencast shows how to generate PHP documentation using ApiGen with NetBeans 
IDE. Built-in support for ApiGen was added in NetBeans IDE 7.2. The screencast 
includes details of installing ApiGen with PEAR and a simple example of use.</p>
-<p class="tableblock"><strong>Note:</strong> ApiGen replaces PHPDocumentor as 
the documentation tool of choice for NetBeans IDE. You can still use 
PHPDocumentor if you prefer. Install the PHPDocumentor plugins from Tools &gt; 
Plugins, and <a href="http://bits.netbeans.org/media/phpdoc.flv";>download this 
video</a>.</p>
+<p class="tableblock">NOTE: ApiGen replaces PHPDocumentor as the documentation 
tool of choice for NetBeans IDE. You can still use PHPDocumentor if you prefer. 
Install the PHPDocumentor plugins from Tools &gt; Plugins, and <a 
href="http://bits.netbeans.org/media/phpdoc.flv";>download this video</a>.</p>
 <p class="tableblock">Author: Jeff Rubinoff
 Time: 7:22
 <a href="http://bits.netbeans.org/media/php-apigen.flv";>Download</a> [17.5 
MB]</p>
diff --git a/content/kb/docs/php/wish-list-lesson1.html 
b/content/kb/docs/php/wish-list-lesson1.html
index 8b3c41b..92fff02 100644
--- a/content/kb/docs/php/wish-list-lesson1.html
+++ b/content/kb/docs/php/wish-list-lesson1.html
@@ -383,7 +383,7 @@ image::images/phpuser-connection.png[]</p>
 <ol class="arabic">
 <li>
 <p>To connect to the database, on the  
<code>jdbc:mysql://localhost:3306/wishlist</code>  connection, click the right 
mouse button and choose Connect from the context menu.
-<strong>Note:</strong> If the menu item is disabled, you are already 
connected. Continue with step 2.</p>
+NOTE: If the menu item is disabled, you are already connected. Continue with 
step 2.</p>
 </li>
 <li>
 <p>From the same context menu, choose Execute Command. An empty SQL Command 
window opens.</p>
@@ -401,9 +401,18 @@ image::images/phpuser-connection.png[]</p>
 <pre class="prettyprint highlight"><code class="language-java" 
data-lang="java">CREATE TABLE wishers(id INT NOT NULL AUTO_INCREMENT PRIMARY 
KEY, name CHAR(50) CHARACTER SET utf8 COLLATE utf8_general_ci NOT NULL 
UNIQUE,password CHAR(50) CHARACTER SET utf8 COLLATE utf8_general_ci NOT 
NULL)</code></pre>
 </div>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> You can get a unique auto generated number from 
MySQL by specifying the AUTO_INCREMENT property for a field. MySQL will 
generate a unique number by incrementing the last number of the table and will 
automatically add to the auto incremented field. In our example the ID field is 
auto incremented.
-2. Click the right mouse button on the query and then choose Run Statement 
from the context menu.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+You can get a unique auto generated number from MySQL by specifying the 
AUTO_INCREMENT property for a field. MySQL will generate a unique number by 
incrementing the last number of the table and will automatically add to the 
auto incremented field. In our example the ID field is auto incremented.
+2. Click the right mouse button on the query and then choose Run Statement 
from the context menu.
+</td>
+</tr>
+</table>
 </div>
 <div class="paragraph">
 <p>*Note: *The default storage engine for MySQL is MyISAM, which does not 
support foreign keys. If you want to use foreign keys, consider using InnoDB as 
the storage engine.</p>
@@ -487,8 +496,17 @@ Enter another test wisher:</p>
 <div class="paragraph">
 <p>Select the queries, click the right mouse button on each query and from the 
context menu choose Run Selection.</p>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> You can also execute the queries one after another 
as described in item 2.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+You can also execute the queries one after another as described in item 2.
+</td>
+</tr>
+</table>
 </div>
 <div class="olist arabic">
 <ol class="arabic">
diff --git a/content/kb/docs/php/wish-list-lesson2.html 
b/content/kb/docs/php/wish-list-lesson2.html
index 128d568..1581bfd 100644
--- a/content/kb/docs/php/wish-list-lesson2.html
+++ b/content/kb/docs/php/wish-list-lesson2.html
@@ -482,8 +482,17 @@ if (!$con) {
 <div class="paragraph">
 <p><strong>Note for Oracle Database users:</strong> You may need to alter the 
database connection in the  <code>oci_connect</code>  command. The standard 
syntax is "hostname/service name". The connection to an Oracle XE database in 
this snippet is "localhost/XE" to follow that syntax.</p>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> You can use NetBeans IDE&#8217;s code completion for 
either mysqli or OCI8 functions.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+You can use NetBeans IDE&#8217;s code completion for either mysqli or OCI8 
functions.
+</td>
+</tr>
+</table>
 </div>
 <div class="imageblock">
 <div class="content">
diff --git a/content/kb/docs/php/wish-list-lesson3.html 
b/content/kb/docs/php/wish-list-lesson3.html
index 2007b9a..80e6b53 100644
--- a/content/kb/docs/php/wish-list-lesson3.html
+++ b/content/kb/docs/php/wish-list-lesson3.html
@@ -287,8 +287,17 @@ Creating the Database</p>
 &lt;/html&gt;</code></pre>
 </div>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> The  <code>password</code>  type is a special type 
of a text field where characters are replaced with asterisks. The code presents 
an <a href="wish-list-lesson3.html#htmlForm">HTML form</a> for a user to enter 
the name and password of the new wisher in the text fields. When the user 
clicks the "Register" button, the entered data is transferred for validation to 
the same page,  <code>createNewWisher.php</code> .</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+The  <code>password</code>  type is a special type of a text field where 
characters are replaced with asterisks. The code presents an <a 
href="wish-list-lesson3.html#htmlForm">HTML form</a> for a user to enter the 
name and password of the new wisher in the text fields. When the user clicks 
the "Register" button, the entered data is transferred for validation to the 
same page,  <code>createNewWisher.php</code> .
+</td>
+</tr>
+</table>
 </div>
 <div class="paragraph">
 <p>*Note: *You can ignore warnings from the HTML validator.</p>
diff --git a/content/kb/docs/php/wish-list-lesson4.html 
b/content/kb/docs/php/wish-list-lesson4.html
index d654331..6a03c10 100644
--- a/content/kb/docs/php/wish-list-lesson4.html
+++ b/content/kb/docs/php/wish-list-lesson4.html
@@ -470,8 +470,17 @@ private function __construct() {
 <div class="paragraph">
 <p>The code block executes the query  <code>"SELECT id, description, due_date 
FROM wishes WHERE wisherID=" . $wisherID</code>  and returns a resultset which 
is an array of records that meet the query. (The Oracle database uses a bind 
variable for database performance and security reasons.) The selection is 
performed by the wisherID, which is the foreign key for the  <code>wishes 
</code> table.</p>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> You do not need the  <code>id</code>  value until 
Lesson 7.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+You do not need the  <code>id</code>  value until Lesson 7.
+</td>
+</tr>
+</table>
 </div>
 </div>
 <div class="sect2">
diff --git a/content/kb/docs/php/wish-list-lesson6.html 
b/content/kb/docs/php/wish-list-lesson6.html
index b80f80a..17146a2 100644
--- a/content/kb/docs/php/wish-list-lesson6.html
+++ b/content/kb/docs/php/wish-list-lesson6.html
@@ -411,8 +411,17 @@ if ($_SERVER["REQUEST_METHOD"] == "POST")$wish = 
array("description" =&gt; $_POS
 <div class="paragraph">
 <p>If the method is not POST, which means that the input form is displayed for 
the first time after redirection form the  <code>editWishList.php</code>  page, 
the elements  <code>description</code>  and  <code>due_date</code>  are 
empty.</p>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> In either case the description is empty. The 
difference is only in the  <code>dueDate</code> .</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+In either case the description is empty. The difference is only in the  
<code>dueDate</code> .
+</td>
+</tr>
+</table>
 </div>
 <div class="olist arabic">
 <ol class="arabic">
@@ -540,8 +549,17 @@ if (!array_key_exists("user", $_SESSION)) {
 <div class="paragraph">
 <p>Add the function  <code>format_date_for_sql</code>  to the  
<code>WishDB</code>  class in  <code>db.php</code> . The function requires a 
string with a date as the input parameter. The function returns a date in the 
format that can be processed by the database server or  <code>null</code>  if 
the input string is empty.</p>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> The function in this example uses the PHP  
<code>date_parse</code>  function. This function works only with 
English-language dates, such as December 25, 2010, and only Arabic numerals. A 
professional web site would use a date picker.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+The function in this example uses the PHP  <code>date_parse</code>  function. 
This function works only with English-language dates, such as December 25, 
2010, and only Arabic numerals. A professional web site would use a date picker.
+</td>
+</tr>
+</table>
 </div>
 <div class="paragraph">
 <p><strong>For the MySQL database:</strong></p>
diff --git a/content/kb/docs/php/wish-list-lesson8.html 
b/content/kb/docs/php/wish-list-lesson8.html
index 898953d..0c2dc67 100644
--- a/content/kb/docs/php/wish-list-lesson8.html
+++ b/content/kb/docs/php/wish-list-lesson8.html
@@ -403,8 +403,17 @@ The new file  <code>wishlist.css</code>  is shown in the 
project tree.</p>
 <pre class="prettyprint highlight"><code class="language-html" 
data-lang="html"> &lt;div class="showWishList"&gt;&lt;input type="submit" 
name="showWishList" value="Show Wish List of &gt;&gt;" 
onclick="javascript:showHideShowWishListForm()"/&gt;&lt;form name="wishList" 
action="wishlist.php" method="GET" style="visibility:hidden"&gt;&lt;input 
type="text" name="user"/&gt;&lt;input type="submit" value="Go" 
/&gt;&lt;/form&gt;&lt;/div&gt;</code></pre>
 </div>
 </div>
-<div class="paragraph">
-<p><strong>Note:</strong> When a class is specified within a &lt;div&gt; tag, 
no dot is required in preposition.</p>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">
+When a class is specified within a &lt;div&gt; tag, no dot is required in 
preposition.
+</td>
+</tr>
+</table>
 </div>
 <div class="olist arabic">
 <ol class="arabic">


---------------------------------------------------------------------
To unsubscribe, e-mail: [email protected]
For additional commands, e-mail: [email protected]

For further information about the NetBeans mailing lists, visit:
https://cwiki.apache.org/confluence/display/NETBEANS/Mailing+lists

Reply via email to