diff --git a/cgi-bin/styles.css b/cgi-bin/styles.css
deleted file mode 100755
index dd15d16c..00000000
--- a/cgi-bin/styles.css
+++ /dev/null
@@ -1,591 +0,0 @@
-/**
- * Copyright 2015 Google Inc. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *      http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-body {
-  margin: 0;
-}
-
-/* Disable ugly boxes around images in IE10 */
-a img{
-  border: 0px;
-}
-
-::-moz-selection {
-  background-color: #6ab344;
-  color: #fff;
-}
-
-::selection {
-  background-color: #6ab344;
-  color: #fff;
-}
-
-.android-search-box .mdl-textfield__input {
-  color: rgba(0, 0, 0, 0.87);
-}
-
-.android-header .mdl-menu__container {
-  z-index: 50;
-  margin: 0 !important;
-}
-
-
-.mdl-textfield--expandable {
-  width: auto;
-}
-
-.android-fab {
-  position: absolute;
-  right: 20%;
-  bottom: -26px;
-  z-index: 3;
-  background: #64ffda !important;
-  color: black !important;
-}
-
-.android-mobile-title {
-  display: none !important;
-}
-
-
-.android-logo-image {
-  height: 28px;
-  width: 140px;
-}
-
-
-.android-header {
-  overflow: visible;
-  background-color: white;
-}
-
-  .android-header .material-icons {
-    color: #767777 !important;
-  }
-
-  .android-header .mdl-layout__drawer-button {
-    background: transparent;
-    color: #767777;
-  }
-
-  .android-header .mdl-navigation__link {
-    color: #757575;
-    font-weight: 700;
-    font-size: 14px;
-  }
-
-  .android-navigation-container {
-    /* Simple hack to make the overflow happen to the left instead... */
-    direction: rtl;
-    -webkit-order: 1;
-        -ms-flex-order: 1;
-            order: 1;
-    width: 500px;
-    transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1),
-        width 0.2s cubic-bezier(0.4, 0, 0.2, 1);
-  }
-
-  .android-navigation {
-    /* ... and now make sure the content is actually LTR */
-    direction: ltr;
-    -webkit-justify-content: flex-end;
-        -ms-flex-pack: end;
-            justify-content: flex-end;
-    width: 800px;
-  }
-
-  .android-search-box.is-focused + .android-navigation-container {
-    opacity: 0;
-    width: 100px;
-  }
-
-
-  .android-navigation .mdl-navigation__link {
-    display: inline-block;
-    height: 60px;
-    line-height: 68px;
-    background-color: transparent !important;
-    border-bottom: 4px solid transparent;
-  }
-
-    .android-navigation .mdl-navigation__link:hover {
-      border-bottom: 4px solid #8bc34a;
-    }
-
-  .android-search-box {
-    -webkit-order: 2;
-        -ms-flex-order: 2;
-            order: 2;
-    margin-left: 16px;
-    margin-right: 16px;
-  }
-
-  .android-more-button {
-    -webkit-order: 3;
-        -ms-flex-order: 3;
-            order: 3;
-  }
-
-
-.android-drawer {
-  border-right: none;
-}
-
-  .android-drawer-separator {
-    height: 1px;
-    background-color: #dcdcdc;
-    margin: 8px 0;
-  }
-
-  .android-drawer .mdl-navigation__link.mdl-navigation__link {
-    font-size: 14px;
-    color: #757575;
-  }
-
-  .android-drawer span.mdl-navigation__link.mdl-navigation__link {
-    color: #8bc34a;
-  }
-
-  .android-drawer .mdl-layout-title {
-    position: relative;
-    background: #6ab344;
-    height: 160px;
-  }
-
-    .android-drawer .android-logo-image {
-      position: absolute;
-      bottom: 16px;
-    }
-
-.android-be-together-section {
-  position: relative;
-  height: 800px;
-  width: auto;
-  background-color: #f3f3f3;
-  background: url('images/slide01.jpg') center 30% no-repeat;
-  background-size: cover;
-}
-
-.logo-font {
-  font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
-  line-height: 1;
-  color: #767777;
-  font-weight: 500;
-}
-
-.android-slogan {
-  font-size: 60px;
-  padding-top: 160px;
-}
-
-.android-sub-slogan {
-  font-size: 21px;
-  padding-top: 24px;
-}
-
-.android-create-character {
-  font-size: 21px;
-  padding-top: 400px;
-}
-
-  .android-create-character a {
-    text-decoration: none;
-    color: #767777;
-    font-weight: 300;
-  }
-
-.android-screen-section {
-  position: relative;
-  padding-top: 60px;
-  padding-bottom: 80px;
-}
-
-.android-screens {
-  text-align: right;
-  width: 100%;
-  white-space: nowrap;
-  overflow-x: auto;
-}
-
-.android-screen {
-  text-align: center;
-}
-
-.android-screen .android-link {
-  margin-top: 16px;
-  display: block;
-  z-index: 2;
-}
-
-.android-image-link {
-  text-decoration: none;
-}
-
-.android-wear {
-  display: inline-block;
-  width: 160px;
-  margin-right: 32px;
-}
-
-  .android-wear .android-screen-image {
-    width: 40%;
-    z-index: 1;
-  }
-
-
-.android-phone {
-  display: inline-block;
-  width: 64px;
-  margin-right: 48px;
-}
-
-  .android-phone .android-screen-image {
-    width: 100%;
-    z-index: 1;
-  }
-
-
-.android-tablet {
-  display: inline-block;
-  width: 110px;
-  margin-right: 64px;
-}
-
-  .android-tablet .android-screen-image {
-    width: 100%;
-    z-index: 1;
-  }
-
-  .android-tablet .android-link {
-    display: block;
-    z-index: 2;
-  }
-
-
-.android-tv {
-  display: inline-block;
-  width: 300px;
-  margin-right: 80px;
-}
-
-  .android-tv .android-screen-image {
-    width: 100%;
-    z-index: 1;
-  }
-
-
-.android-auto {
-  display: inline-block;
-  width: 300px;
-  overflow: hidden;
-}
-
-  .android-auto .android-screen-image {
-    display: block;
-    height: 300px;
-    z-index: 1;
-  }
-
-
-.android-wear-section {
-  position: relative;
-  background: url('images/annie.png') center top no-repeat;
-  background-size: cover;
-  height: 600px;
-}
-
-
-.annie-picture-section {
-  position: relative;
-  background: url('IMG_9966.JPG') center top no-repeat;
-  background-size: cover;
-  height: 600px;
-}
-
-
-.android-wear-band {
-  position: absolute;
-  bottom: 0;
-  width: 100%;
-  text-align: center;
-  background-color: #37474f;
-}
-
-.android-wear-band-text {
-  max-width: 800px;
-  margin-left: 25%;
-  padding: 24px;
-  text-align: left;
-  color: white;
-}
-
-  .android-wear-band-text p {
-    padding-top: 8px;
-  }
-
-.android-link {
-  text-decoration: none;
-  color: #8bc34a !important;
-}
-
-  .android-link:hover {
-    color: #7cb342 !important;
-  }
-
-  .android-link .material-icons {
-    position: relative;
-    top: -1px;
-    vertical-align: middle;
-  }
-
-.android-alt-link {
-  text-decoration: none;
-  color: #64ffda !important;
-  font-size: 16px;
-}
-
-  .android-alt-link:hover {
-    color: #00bfa5 !important;
-  }
-
-  .android-alt-link .material-icons {
-    position: relative;
-    top: 6px;
-  }
-
-.android-customized-section {
-  text-align: center;
-}
-
-.android-customized-section-text {
-  max-width: 500px;
-  margin-left: auto;
-  margin-right: auto;
-  padding: 80px 16px 0 16px;
-}
-
-  .android-customized-section-text p {
-    padding-top: 16px;
-  }
-
-.android-customized-section-image {
-  background: url('images/devices.jpg') center top no-repeat;
-  background-size: cover;
-  height: 400px;
-}
-
-.android-more-section {
-  padding: 80px 0;
-  max-width: 1044px;
-  margin-left: auto;
-  margin-right: auto;
-}
-
-  .android-more-section .android-section-title {
-    margin-left: 12px;
-    padding-bottom: 24px;
-  }
-
-.android-card-container {
-}
-
-  .android-card-container .mdl-card__media {
-    overflow: hidden;
-    background: transparent;
-  }
-
-    .android-card-container .mdl-card__media img {
-      width: 100%;
-    }
-
-  .android-card-container .mdl-card__title {
-    background: transparent;
-    height: auto;
-  }
-
-  .android-card-container .mdl-card__title-text {
-    color: black;
-    height: auto;
-  }
-
-  .android-card-container .mdl-card__supporting-text {
-    height: auto;
-    color: black;
-    padding-bottom: 56px;
-  }
-
-  .android-card-container .mdl-card__actions {
-    position: absolute;
-    bottom: 0;
-  }
-
-  .android-card-container .mdl-card__actions a {
-    border-top: none;
-    font-size: 16px;
-  }
-
-.android-footer {
-  background-color: #fafafa;
-  position: relative;
-}
-
-  .android-footer a:hover {
-    color: #8bc34a;
-  }
-
-  .android-footer .mdl-mega-footer--top-section::after {
-    border-bottom: none;
-  }
-
-  .android-footer .mdl-mega-footer--middle-section::after {
-    border-bottom: none;
-  }
-
-  .android-footer .mdl-mega-footer--bottom-section {
-    position: relative;
-  }
-
-  .android-footer .mdl-mega-footer--bottom-section a {
-    margin-right: 2em;
-  }
-
-  .android-footer .mdl-mega-footer--right-section a .material-icons {
-    position: relative;
-    top: 6px;
-  }
-
-
-.android-link-menu:hover {
-  cursor: pointer;
-}
-
-
-/**** Mobile layout ****/
-@media (max-width: 900px) {
-  .android-navigation-container {
-    display: none;
-  }
-
-  .android-title {
-    display: none !important;
-  }
-
-  .android-mobile-title {
-    display: block !important;
-    position: absolute;
-    left: calc(50% - 70px);
-    top: 12px;
-    transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
-  }
-
-  /* WebViews in iOS 9 break the "~" operator, and WebViews in OS X 10.10 break
-     consecutive "+" operators in some cases. Therefore, we need to use both
-     here to cover all the bases. */
-  .android.android-search-box.is-focused ~ .android-mobile-title,
-  .android-search-box.is-focused + .android-navigation-container + .android-mobile-title {
-    opacity: 0;
-  }
-
-  .android-more-button {
-    display: none;
-  }
-
-  .android-search-box.is-focused {
-    width: calc(100% - 48px);
-  }
-
-  .android-search-box .mdl-textfield__expandable-holder {
-    width: 100%;
-  }
-
-  .android-be-together-section {
-    height: 350px;
-  }
-
-  .android-slogan {
-    font-size: 26px;
-    margin: 0 16px;
-    padding-top: 24px;
-  }
-
-  .android-sub-slogan {
-    font-size: 16px;
-    margin: 0 16px;
-    padding-top: 8px;
-  }
-
-  .android-create-character {
-    padding-top: 200px;
-    font-size: 16px;
-  }
-
-  .android-create-character img {
-    height: 12px;
-  }
-
-  .android-fab {
-    display: none;
-  }
-
-  .android-wear-band-text {
-    margin-left: 0;
-    padding: 16px;
-  }
-
-  .android-footer .mdl-mega-footer--bottom-section {
-    display: none;
-  }
-}
-.data-table {
-  width: 100%;
-  border-collapse: collapse;
-  margin-bottom: 10px;
-}
-
-.data-table th,
-.data-table td {
-  border: 1px solid #ddd;
-  padding: 8px;
-}
-
-.data-table th {
-  background-color: #f2f2f2;
-  font-weight: bold;
-}
-
-.pagination-controls {
-  text-align: center;
-  margin: 10px 0;
-}
-
-.pagination-controls button {
-  margin: 0 2px;
-  padding: 5px 10px;
-  background-color: #e0e0e0;
-  border: none;
-  border-radius: 4px;
-  cursor: pointer;
-}
-
-.pagination-controls button.active {
-  background-color: #2196F3;
-  color: white;
-}
-
-.pagination-controls button:disabled {
-  background-color: #ccc;
-  cursor: not-allowed;
-}
diff --git a/html-Common/styles.css b/html-Common/styles.css
index c232b6ad..784893bf 100755
--- a/html-Common/styles.css
+++ b/html-Common/styles.css
@@ -627,3 +627,137 @@ th, td {
 .autocomplete-list div:hover {
   background: #f1f1f1;
 }
+
+
+/* Style classes for example pages */
+.content {
+  margin-left: 20px;
+  padding: 20px;
+}
+
+.section {
+  margin-bottom: 50px;
+}
+
+.back-to-top {
+  margin-top: 20px;
+  text-align: right;
+}
+
+.demo-container {
+  border: 1px solid #ddd;
+  padding: 20px;
+  background-color: #f9f9f9;
+  margin-top: 10px;
+  max-height: 600px;
+  overflow-y: auto;
+}
+
+.documentation-link {
+  color: #1a73e8;
+  text-decoration: none;
+}
+
+.documentation-link:hover {
+  text-decoration: underline;
+}
+
+/* Style classes for network pages */
+.container {
+  width: 90%;
+  /* max-width: 800px; */
+  background: white;
+  margin: 20px auto;
+  padding: 20px;
+  border-radius: 8px;
+  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
+  overflow-x: auto;
+}
+
+h2 {
+  text-align: center;
+  color: #3f51b5;
+}
+
+.input-section {
+  display: flex;
+  justify-content: center;
+  gap: 10px;
+  padding: 10px;
+}
+
+.input-section input {
+  flex: 1;
+  padding: 10px;
+  border: 1px solid #ccc;
+  border-radius: 5px;
+  font-size: 16px;
+}
+
+.input-section button {
+  background-color: #3f51b5;
+  color: white;
+  border: none;
+  padding: 10px 15px;
+  border-radius: 5px;
+  cursor: pointer;
+  font-size: 16px;
+}
+
+.input-section button.stop {
+  background-color: #d32f2f;
+}
+
+.ping-result {
+  text-align: center;
+  margin-top: 15px;
+  font-size: 16px;
+  color: #333;
+}
+
+.action-buttons {
+  display: flex;
+  justify-content: center;
+  gap: 5px;
+}
+
+.ping-btn,
+.scan-btn {
+  text-transform: uppercase;
+  font-weight: bold;
+  cursor: pointer;
+  border-radius: 5px;
+  padding: 8px 12px;
+  border: none;
+}
+
+.ping-btn {
+  background-color: #3f51b5;
+  color: white;
+}
+
+.scan-btn {
+  background-color: #4caf50;
+  color: white;
+}
+
+table {
+  width: 100%;
+  table-layout: fixed;
+}
+
+th,
+td {
+  word-wrap: break-word;
+  white-space: normal;
+  word-break: break-word;
+}
+
+td {
+  padding: 8px;
+}
+
+th,
+td {
+  min-width: 100px;
+}
diff --git a/html-Common/stylesheets/examples.css b/html-Common/stylesheets/examples.css
deleted file mode 100644
index 353921a8..00000000
--- a/html-Common/stylesheets/examples.css
+++ /dev/null
@@ -1,31 +0,0 @@
-.content {
-  margin-left: 20px;
-  padding: 20px;
-}
-
-.section {
-  margin-bottom: 50px;
-}
-
-.back-to-top {
-  margin-top: 20px;
-  text-align: right;
-}
-
-.demo-container {
-  border: 1px solid #ddd;
-  padding: 20px;
-  background-color: #f9f9f9;
-  margin-top: 10px;
-  max-height: 600px;
-  overflow-y: auto;
-}
-
-.documentation-link {
-  color: #1a73e8;
-  text-decoration: none;
-}
-
-.documentation-link:hover {
-  text-decoration: underline;
-}
diff --git a/html-Common/stylesheets/network.css b/html-Common/stylesheets/network.css
deleted file mode 100644
index df712ad2..00000000
--- a/html-Common/stylesheets/network.css
+++ /dev/null
@@ -1,98 +0,0 @@
-.container {
-  width: 90%;
-  /* max-width: 800px; */
-  background: white;
-  margin: 20px auto;
-  padding: 20px;
-  border-radius: 8px;
-  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
-  overflow-x: auto;
-}
-
-h2 {
-  text-align: center;
-  color: #3f51b5;
-}
-
-.input-section {
-  display: flex;
-  justify-content: center;
-  gap: 10px;
-  padding: 10px;
-}
-
-.input-section input {
-  flex: 1;
-  padding: 10px;
-  border: 1px solid #ccc;
-  border-radius: 5px;
-  font-size: 16px;
-}
-
-.input-section button {
-  background-color: #3f51b5;
-  color: white;
-  border: none;
-  padding: 10px 15px;
-  border-radius: 5px;
-  cursor: pointer;
-  font-size: 16px;
-}
-
-.input-section button.stop {
-  background-color: #d32f2f;
-}
-
-.ping-result {
-  text-align: center;
-  margin-top: 15px;
-  font-size: 16px;
-  color: #333;
-}
-
-.action-buttons {
-  display: flex;
-  justify-content: center;
-  gap: 5px;
-}
-
-.ping-btn,
-.scan-btn {
-  text-transform: uppercase;
-  font-weight: bold;
-  cursor: pointer;
-  border-radius: 5px;
-  padding: 8px 12px;
-  border: none;
-}
-
-.ping-btn {
-  background-color: #3f51b5;
-  color: white;
-}
-
-.scan-btn {
-  background-color: #4caf50;
-  color: white;
-}
-
-table {
-  width: 100%;
-  table-layout: fixed;
-}
-
-th,
-td {
-  word-wrap: break-word;
-  white-space: normal;
-  word-break: break-word;
-}
-
-td {
-  padding: 8px;
-}
-
-th,
-td {
-  min-width: 100px;
-}
diff --git a/html-Detector/DAQ/NetworkMonitoring/index.html b/html-Detector/DAQ/NetworkMonitoring/index.html
index 8bdf2768..7022aceb 100644
--- a/html-Detector/DAQ/NetworkMonitoring/index.html
+++ b/html-Detector/DAQ/NetworkMonitoring/index.html
@@ -3,7 +3,7 @@
 
 <head>
   <title>ToolDAQ Webpage</title>
-  <link rel="stylesheet" href="/stylesheets/network.css">
+  <link rel="stylesheet" href="styles.css">
 </head>
 
 <body>
diff --git a/html-Detector/SubSystemExample/databaseQueries/index.html b/html-Detector/SubSystemExample/databaseQueries/index.html
index 5be89cb6..161c7b86 100644
--- a/html-Detector/SubSystemExample/databaseQueries/index.html
+++ b/html-Detector/SubSystemExample/databaseQueries/index.html
@@ -4,7 +4,7 @@
 <head>
   <title>tooldaq.js Documentation | ToolDAQ WebServer</title>
   <link rel="stylesheet" href="/stylesheets/prism.min.css">
-  <link rel="stylesheet" href="/stylesheets/examples.css">
+  <link rel="stylesheet" href="/styles.css">
   <script src="/stylesheets/prism.min.js"></script>
   <script src="/stylesheets/prism-javascript.min.js"></script>
 </head>
diff --git a/html-Detector/SubSystemExample/intro/index.html b/html-Detector/SubSystemExample/intro/index.html
index 55454619..6c92ec95 100644
--- a/html-Detector/SubSystemExample/intro/index.html
+++ b/html-Detector/SubSystemExample/intro/index.html
@@ -4,7 +4,7 @@
 <head>
   <title>tooldaq.js Documentation | ToolDAQ WebServer</title>
   <link rel="stylesheet" href="/stylesheets/prism.min.css">
-  <link rel="stylesheet" href="/stylesheets/examples.css">
+  <link rel="stylesheet" href="/styles.css">
   <script src="/stylesheets/prism.min.js"></script>
   <script src="/stylesheets/prism-javascript.min.js"></script>
 </head>
diff --git a/html-Detector/SubSystemExample/plottingFunctions/index.html b/html-Detector/SubSystemExample/plottingFunctions/index.html
index ab9271bf..48046550 100644
--- a/html-Detector/SubSystemExample/plottingFunctions/index.html
+++ b/html-Detector/SubSystemExample/plottingFunctions/index.html
@@ -4,7 +4,7 @@
 <head>
   <title>tooldaq.js Documentation | ToolDAQ WebServer</title>
   <link rel="stylesheet" href="/stylesheets/prism.min.css">
-  <link rel="stylesheet" href="/stylesheets/examples.css">
+  <link rel="stylesheet" href="/styles.css">
   <script src="/stylesheets/prism.min.js"></script>
   <script src="/stylesheets/prism-javascript.min.js"></script>
 </head>
diff --git a/html-Detector/SubSystemExample/request/index.html b/html-Detector/SubSystemExample/request/index.html
index eecd771a..ed7c0c9e 100644
--- a/html-Detector/SubSystemExample/request/index.html
+++ b/html-Detector/SubSystemExample/request/index.html
@@ -4,7 +4,7 @@
 <head>
   <title>tooldaq.js Documentation | ToolDAQ WebServer</title>
   <link rel="stylesheet" href="/stylesheets/prism.min.css">
-  <link rel="stylesheet" href="/stylesheets/examples.css">
+  <link rel="stylesheet" href="/styles.css">
   <script src="/stylesheets/prism.min.js"></script>
   <script src="/stylesheets/prism-javascript.min.js"></script>
 </head>
diff --git a/html-Detector/SubSystemExample/services/index.html b/html-Detector/SubSystemExample/services/index.html
index 970bd8b3..b79636c9 100644
--- a/html-Detector/SubSystemExample/services/index.html
+++ b/html-Detector/SubSystemExample/services/index.html
@@ -4,7 +4,7 @@
 <head>
   <title>tooldaq.js Documentation | ToolDAQ WebServer</title>
   <link rel="stylesheet" href="/stylesheets/prism.min.css">
-  <link rel="stylesheet" href="/stylesheets/examples.css">
+  <link rel="stylesheet" href="/styles.css">
   <script src="/stylesheets/prism.min.js"></script>
   <script src="/stylesheets/prism-javascript.min.js"></script>
 </head>