diff --git a/tests/ipynbref/00_notebook_tour.orig.html b/tests/ipynbref/00_notebook_tour.orig.html
index d72db4e..c4ee55b 100644
--- a/tests/ipynbref/00_notebook_tour.orig.html
+++ b/tests/ipynbref/00_notebook_tour.orig.html
@@ -212,6 +212,7 @@ span#notebook_name {
     font-size: 146.5%;
 }
 
+
 .ui-menubar-item .ui-button .ui-button-text {
     padding: 0.4em 1.0em;
     font-size: 100%;
@@ -263,8 +264,11 @@ span#notebook_name {
     padding: 3px 15px;
 }
 
-#cell_type {
+#maintoolbar > select, #maintoolbar label {
     font-size: 85%;
+    margin-left:0.3em;
+    margin-right:0.3em;
+
 }
 
 
@@ -335,6 +339,7 @@ div.cell {
     padding: 5px 5px 5px 0px;
     /* This acts as a spacer between cells, that is outside the border */
     margin: 2px 0px 2px 0px;
+    outline: none;
 }
 
 div.code_cell {
@@ -352,7 +357,9 @@ div.prompt {
     padding: 0.4em;
     margin: 0px;
     font-family: monospace;
-    text-align:right;
+    text-align: right;
+    /* This has to match that of the the CodeMirror class line-height below */	
+    line-height: 1.231;
 }
 
 div.input {
@@ -424,6 +431,21 @@ div.output_area {
     page-break-inside: avoid;
 }
 
+	
+/* This is needed to protect the pre formating from global settings such
+   as that of bootstrap */
+div.output_area pre {	
+    font-family: monospace;	
+    margin: 0;
+    padding: 0;
+    border: 0;
+    font-size: 100%;
+    font: inherit;
+    vertical-align: baseline;
+    color: black;
+    background-color: white;
+}
+
 /* This class is for the output subarea inside the output_area and after
    the prompt div. */
 div.output_subarea {
@@ -438,6 +460,8 @@ div.output_text {
     text-align: left;
     color: black;
     font-family: monospace;
+    /* This has to match that of the the CodeMirror class line-height below */	
+    line-height: 1.231;
 }
 
 /* stdout/stderr are 'text' as well as 'stream', but pyout/pyerr are *not* streams */
@@ -613,11 +637,12 @@ pre, code, kbd, samp { white-space: pre-wrap; }
 .rendered_html ul {list-style:disc; margin: 1em 2em;}
 .rendered_html ul ul {list-style:square; margin: 0em 2em;}
 .rendered_html ul ul ul {list-style:circle; margin-left: 0em 2em;}
-.rendered_html ol {list-style:upper-roman; margin: 1em 2em;}
+.rendered_html ol {list-style:decimal; margin: 1em 2em;}
 .rendered_html ol ol {list-style:upper-alpha; margin: 0em 2em;}
-.rendered_html ol ol ol {list-style:decimal; margin: 0em 2em;}
-.rendered_html ol ol ol ol {list-style:lower-alpha; margin: 0em 2em;}
-.rendered_html ol ol ol ol ol {list-style:lower-roman; margin: 0em 2em;}
+.rendered_html ol ol ol {list-style:lower-alpha; margin: 0em 2em;}
+.rendered_html ol ol ol ol {list-style:lower-roman; margin: 0em 2em;}
+/* any extras will just be numbers: */
+.rendered_html ol ol ol ol ol {list-style:decimal; margin: 0em 2em;}
 
 .rendered_html hr {
     color: black;
diff --git a/tests/ipynbref/Gun_Data.orig.html b/tests/ipynbref/Gun_Data.orig.html
index 5f81d8d..c615074 100644
--- a/tests/ipynbref/Gun_Data.orig.html
+++ b/tests/ipynbref/Gun_Data.orig.html
@@ -212,6 +212,7 @@ span#notebook_name {
     font-size: 146.5%;
 }
 
+
 .ui-menubar-item .ui-button .ui-button-text {
     padding: 0.4em 1.0em;
     font-size: 100%;
@@ -263,8 +264,11 @@ span#notebook_name {
     padding: 3px 15px;
 }
 
-#cell_type {
+#maintoolbar > select, #maintoolbar label {
     font-size: 85%;
+    margin-left:0.3em;
+    margin-right:0.3em;
+
 }
 
 
@@ -335,6 +339,7 @@ div.cell {
     padding: 5px 5px 5px 0px;
     /* This acts as a spacer between cells, that is outside the border */
     margin: 2px 0px 2px 0px;
+    outline: none;
 }
 
 div.code_cell {
@@ -352,7 +357,9 @@ div.prompt {
     padding: 0.4em;
     margin: 0px;
     font-family: monospace;
-    text-align:right;
+    text-align: right;
+    /* This has to match that of the the CodeMirror class line-height below */	
+    line-height: 1.231;
 }
 
 div.input {
@@ -424,6 +431,21 @@ div.output_area {
     page-break-inside: avoid;
 }
 
+	
+/* This is needed to protect the pre formating from global settings such
+   as that of bootstrap */
+div.output_area pre {	
+    font-family: monospace;	
+    margin: 0;
+    padding: 0;
+    border: 0;
+    font-size: 100%;
+    font: inherit;
+    vertical-align: baseline;
+    color: black;
+    background-color: white;
+}
+
 /* This class is for the output subarea inside the output_area and after
    the prompt div. */
 div.output_subarea {
@@ -438,6 +460,8 @@ div.output_text {
     text-align: left;
     color: black;
     font-family: monospace;
+    /* This has to match that of the the CodeMirror class line-height below */	
+    line-height: 1.231;
 }
 
 /* stdout/stderr are 'text' as well as 'stream', but pyout/pyerr are *not* streams */
@@ -613,11 +637,12 @@ pre, code, kbd, samp { white-space: pre-wrap; }
 .rendered_html ul {list-style:disc; margin: 1em 2em;}
 .rendered_html ul ul {list-style:square; margin: 0em 2em;}
 .rendered_html ul ul ul {list-style:circle; margin-left: 0em 2em;}
-.rendered_html ol {list-style:upper-roman; margin: 1em 2em;}
+.rendered_html ol {list-style:decimal; margin: 1em 2em;}
 .rendered_html ol ol {list-style:upper-alpha; margin: 0em 2em;}
-.rendered_html ol ol ol {list-style:decimal; margin: 0em 2em;}
-.rendered_html ol ol ol ol {list-style:lower-alpha; margin: 0em 2em;}
-.rendered_html ol ol ol ol ol {list-style:lower-roman; margin: 0em 2em;}
+.rendered_html ol ol ol {list-style:lower-alpha; margin: 0em 2em;}
+.rendered_html ol ol ol ol {list-style:lower-roman; margin: 0em 2em;}
+/* any extras will just be numbers: */
+.rendered_html ol ol ol ol ol {list-style:decimal; margin: 0em 2em;}
 
 .rendered_html hr {
     color: black;
diff --git a/tests/ipynbref/IntroNumPy.orig.html b/tests/ipynbref/IntroNumPy.orig.html
index fae7ffe..8267056 100644
--- a/tests/ipynbref/IntroNumPy.orig.html
+++ b/tests/ipynbref/IntroNumPy.orig.html
@@ -212,6 +212,7 @@ span#notebook_name {
     font-size: 146.5%;
 }
 
+
 .ui-menubar-item .ui-button .ui-button-text {
     padding: 0.4em 1.0em;
     font-size: 100%;
@@ -263,8 +264,11 @@ span#notebook_name {
     padding: 3px 15px;
 }
 
-#cell_type {
+#maintoolbar > select, #maintoolbar label {
     font-size: 85%;
+    margin-left:0.3em;
+    margin-right:0.3em;
+
 }
 
 
@@ -335,6 +339,7 @@ div.cell {
     padding: 5px 5px 5px 0px;
     /* This acts as a spacer between cells, that is outside the border */
     margin: 2px 0px 2px 0px;
+    outline: none;
 }
 
 div.code_cell {
@@ -352,7 +357,9 @@ div.prompt {
     padding: 0.4em;
     margin: 0px;
     font-family: monospace;
-    text-align:right;
+    text-align: right;
+    /* This has to match that of the the CodeMirror class line-height below */	
+    line-height: 1.231;
 }
 
 div.input {
@@ -424,6 +431,21 @@ div.output_area {
     page-break-inside: avoid;
 }
 
+	
+/* This is needed to protect the pre formating from global settings such
+   as that of bootstrap */
+div.output_area pre {	
+    font-family: monospace;	
+    margin: 0;
+    padding: 0;
+    border: 0;
+    font-size: 100%;
+    font: inherit;
+    vertical-align: baseline;
+    color: black;
+    background-color: white;
+}
+
 /* This class is for the output subarea inside the output_area and after
    the prompt div. */
 div.output_subarea {
@@ -438,6 +460,8 @@ div.output_text {
     text-align: left;
     color: black;
     font-family: monospace;
+    /* This has to match that of the the CodeMirror class line-height below */	
+    line-height: 1.231;
 }
 
 /* stdout/stderr are 'text' as well as 'stream', but pyout/pyerr are *not* streams */
@@ -613,11 +637,12 @@ pre, code, kbd, samp { white-space: pre-wrap; }
 .rendered_html ul {list-style:disc; margin: 1em 2em;}
 .rendered_html ul ul {list-style:square; margin: 0em 2em;}
 .rendered_html ul ul ul {list-style:circle; margin-left: 0em 2em;}
-.rendered_html ol {list-style:upper-roman; margin: 1em 2em;}
+.rendered_html ol {list-style:decimal; margin: 1em 2em;}
 .rendered_html ol ol {list-style:upper-alpha; margin: 0em 2em;}
-.rendered_html ol ol ol {list-style:decimal; margin: 0em 2em;}
-.rendered_html ol ol ol ol {list-style:lower-alpha; margin: 0em 2em;}
-.rendered_html ol ol ol ol ol {list-style:lower-roman; margin: 0em 2em;}
+.rendered_html ol ol ol {list-style:lower-alpha; margin: 0em 2em;}
+.rendered_html ol ol ol ol {list-style:lower-roman; margin: 0em 2em;}
+/* any extras will just be numbers: */
+.rendered_html ol ol ol ol ol {list-style:decimal; margin: 0em 2em;}
 
 .rendered_html hr {
     color: black;
diff --git a/tests/ipynbref/XKCD_plots.orig.html b/tests/ipynbref/XKCD_plots.orig.html
index 5c66277..d4dbaa7 100644
--- a/tests/ipynbref/XKCD_plots.orig.html
+++ b/tests/ipynbref/XKCD_plots.orig.html
@@ -212,6 +212,7 @@ span#notebook_name {
     font-size: 146.5%;
 }
 
+
 .ui-menubar-item .ui-button .ui-button-text {
     padding: 0.4em 1.0em;
     font-size: 100%;
@@ -263,8 +264,11 @@ span#notebook_name {
     padding: 3px 15px;
 }
 
-#cell_type {
+#maintoolbar > select, #maintoolbar label {
     font-size: 85%;
+    margin-left:0.3em;
+    margin-right:0.3em;
+
 }
 
 
@@ -335,6 +339,7 @@ div.cell {
     padding: 5px 5px 5px 0px;
     /* This acts as a spacer between cells, that is outside the border */
     margin: 2px 0px 2px 0px;
+    outline: none;
 }
 
 div.code_cell {
@@ -352,7 +357,9 @@ div.prompt {
     padding: 0.4em;
     margin: 0px;
     font-family: monospace;
-    text-align:right;
+    text-align: right;
+    /* This has to match that of the the CodeMirror class line-height below */	
+    line-height: 1.231;
 }
 
 div.input {
@@ -424,6 +431,21 @@ div.output_area {
     page-break-inside: avoid;
 }
 
+	
+/* This is needed to protect the pre formating from global settings such
+   as that of bootstrap */
+div.output_area pre {	
+    font-family: monospace;	
+    margin: 0;
+    padding: 0;
+    border: 0;
+    font-size: 100%;
+    font: inherit;
+    vertical-align: baseline;
+    color: black;
+    background-color: white;
+}
+
 /* This class is for the output subarea inside the output_area and after
    the prompt div. */
 div.output_subarea {
@@ -438,6 +460,8 @@ div.output_text {
     text-align: left;
     color: black;
     font-family: monospace;
+    /* This has to match that of the the CodeMirror class line-height below */	
+    line-height: 1.231;
 }
 
 /* stdout/stderr are 'text' as well as 'stream', but pyout/pyerr are *not* streams */
@@ -613,11 +637,12 @@ pre, code, kbd, samp { white-space: pre-wrap; }
 .rendered_html ul {list-style:disc; margin: 1em 2em;}
 .rendered_html ul ul {list-style:square; margin: 0em 2em;}
 .rendered_html ul ul ul {list-style:circle; margin-left: 0em 2em;}
-.rendered_html ol {list-style:upper-roman; margin: 1em 2em;}
+.rendered_html ol {list-style:decimal; margin: 1em 2em;}
 .rendered_html ol ol {list-style:upper-alpha; margin: 0em 2em;}
-.rendered_html ol ol ol {list-style:decimal; margin: 0em 2em;}
-.rendered_html ol ol ol ol {list-style:lower-alpha; margin: 0em 2em;}
-.rendered_html ol ol ol ol ol {list-style:lower-roman; margin: 0em 2em;}
+.rendered_html ol ol ol {list-style:lower-alpha; margin: 0em 2em;}
+.rendered_html ol ol ol ol {list-style:lower-roman; margin: 0em 2em;}
+/* any extras will just be numbers: */
+.rendered_html ol ol ol ol ol {list-style:decimal; margin: 0em 2em;}
 
 .rendered_html hr {
     color: black;
diff --git a/tests/ipynbref/data_geeks_team_calendar.orig.html b/tests/ipynbref/data_geeks_team_calendar.orig.html
index 0ac4fe6..0fc9b71 100644
--- a/tests/ipynbref/data_geeks_team_calendar.orig.html
+++ b/tests/ipynbref/data_geeks_team_calendar.orig.html
@@ -212,6 +212,7 @@ span#notebook_name {
     font-size: 146.5%;
 }
 
+
 .ui-menubar-item .ui-button .ui-button-text {
     padding: 0.4em 1.0em;
     font-size: 100%;
@@ -263,8 +264,11 @@ span#notebook_name {
     padding: 3px 15px;
 }
 
-#cell_type {
+#maintoolbar > select, #maintoolbar label {
     font-size: 85%;
+    margin-left:0.3em;
+    margin-right:0.3em;
+
 }
 
 
@@ -335,6 +339,7 @@ div.cell {
     padding: 5px 5px 5px 0px;
     /* This acts as a spacer between cells, that is outside the border */
     margin: 2px 0px 2px 0px;
+    outline: none;
 }
 
 div.code_cell {
@@ -352,7 +357,9 @@ div.prompt {
     padding: 0.4em;
     margin: 0px;
     font-family: monospace;
-    text-align:right;
+    text-align: right;
+    /* This has to match that of the the CodeMirror class line-height below */	
+    line-height: 1.231;
 }
 
 div.input {
@@ -424,6 +431,21 @@ div.output_area {
     page-break-inside: avoid;
 }
 
+	
+/* This is needed to protect the pre formating from global settings such
+   as that of bootstrap */
+div.output_area pre {	
+    font-family: monospace;	
+    margin: 0;
+    padding: 0;
+    border: 0;
+    font-size: 100%;
+    font: inherit;
+    vertical-align: baseline;
+    color: black;
+    background-color: white;
+}
+
 /* This class is for the output subarea inside the output_area and after
    the prompt div. */
 div.output_subarea {
@@ -438,6 +460,8 @@ div.output_text {
     text-align: left;
     color: black;
     font-family: monospace;
+    /* This has to match that of the the CodeMirror class line-height below */	
+    line-height: 1.231;
 }
 
 /* stdout/stderr are 'text' as well as 'stream', but pyout/pyerr are *not* streams */
@@ -613,11 +637,12 @@ pre, code, kbd, samp { white-space: pre-wrap; }
 .rendered_html ul {list-style:disc; margin: 1em 2em;}
 .rendered_html ul ul {list-style:square; margin: 0em 2em;}
 .rendered_html ul ul ul {list-style:circle; margin-left: 0em 2em;}
-.rendered_html ol {list-style:upper-roman; margin: 1em 2em;}
+.rendered_html ol {list-style:decimal; margin: 1em 2em;}
 .rendered_html ol ol {list-style:upper-alpha; margin: 0em 2em;}
-.rendered_html ol ol ol {list-style:decimal; margin: 0em 2em;}
-.rendered_html ol ol ol ol {list-style:lower-alpha; margin: 0em 2em;}
-.rendered_html ol ol ol ol ol {list-style:lower-roman; margin: 0em 2em;}
+.rendered_html ol ol ol {list-style:lower-alpha; margin: 0em 2em;}
+.rendered_html ol ol ol ol {list-style:lower-roman; margin: 0em 2em;}
+/* any extras will just be numbers: */
+.rendered_html ol ol ol ol ol {list-style:decimal; margin: 0em 2em;}
 
 .rendered_html hr {
     color: black;