Moved CSS and JavaScript to separate files

Author: dapirra

CPU_Scheduler.css

@@ -0,0 +1,98 @@
+/*Center the titile of the page*/
+#title {
+	text-align: center;
+}
+
+#quantum {
+	display: none;
+}
+
+/**************************** Styles for the table ****************************/
+
+#div-input {
+	display: table;
+	border: 1px solid #c5c5c5;
+	border-radius: 3px;
+	border-collapse: collapse;
+}
+
+#div-head, .div-body {
+	display: table-row;
+}
+
+#div-head div {
+	font-weight: bold;
+}
+
+#div-head div, .div-body div {
+	display: table-cell;
+	border: 1px solid #c5c5c5;
+	text-align: left;
+	padding: 8px;
+}
+
+/*Hide the Priority Column*/
+#div-input .priority {
+	display: none;
+}
+
+table {
+	border: 1px solid #c5c5c5;
+	border-radius: 3px;
+	border-collapse: collapse;
+}
+
+td, th {
+	border: 1px solid #c5c5c5;
+	text-align: left;
+	padding: 8px;
+}
+
+/*Controls the style for subscripts used for P*/
+.sub {
+	vertical-align: sub;
+	font-size: xx-small;
+}
+
+.p {
+	margin-top: 5px;
+	vertical-align: middle;
+	text-align: center;
+}
+
+.lower {
+	margin-top: 9px;
+	margin-left: -5px;
+/*				margin-left: -0.5em;*/
+}
+
+/*Fixes the zero on the bottom left corner of the Gantt Chart*/
+#gantt > div:nth-child(1) > div.lower {
+	margin-left: -2.5px;
+/*	color: red;*/
+}
+
+/************************* Styles for the Gantt Chart *************************/
+
+#gantt {
+	border: solid #c5c5c5 1px;
+	border-radius: 3px;
+	background-color: #f6f6f6;
+	height: 30px;
+	display: block;
+	position: absolute;
+	left: 0%;
+	width: calc(95% - 2px);
+	margin-left: 2.5%; /*Center the chart*/
+}
+
+.gantt-cell {
+	border-left: solid #c5c5c5 1px;
+	display: inline-block;
+	position: absolute;
+	height: inherit;
+}
+
+.gantt-cell:first-child {
+	border-left: none;
+}