diff --git a/HTML/replay versions/LynnetteTutor.css b/HTML/replay versions/LynnetteTutor.css
new file mode 100644
index 0000000..e01e9b3
--- /dev/null
+++ b/HTML/replay versions/LynnetteTutor.css	
@@ -0,0 +1,125 @@
+html {
+	width: 100%; 
+	height: 100%; 
+	margin: 0px; 
+}
+
+body { 
+	width: 100%; 
+	height: 100%; 
+	margin: 0px; 
+}
+
+#container {
+	display: flex; 
+	flex-flow: column;
+	width: 900px; 
+	height: 500px; 
+	border: 5px solid black; 
+	background-color: #D1E8C5;
+}
+
+#topPanel {
+	display: flex;
+	flex: none;
+	padding: 5px;
+}
+
+#HintWindow {
+	flex: auto;
+}
+
+#topRightPanel {
+	display: flex;
+	margin-left: 5px;
+	flex-flow: column;
+	justify-content: space-between;
+}
+
+#middlePanel {
+	display: flex;
+	flex: none;
+}
+
+.problemText {
+	flex: 1;
+	padding: 5px;
+	font-size: 20;
+	font-weight: 900;
+	text-align: center;
+	color: darkblue;
+	font-family: "Verdana", sans-serif;
+}
+
+.alignProblem {
+	width: 108px;
+}
+
+#startLeft {
+	text-align: right;
+	width: 110px;
+	font-size: 20;
+	margin-top: 5px;
+}
+
+#startRight {
+	text-align: left;
+	width: 110px;
+	font-size: 20;
+	margin-top: 5px;
+}
+
+.row {
+	display: flex;
+	justify-content: center;
+}
+
+#bottomPanel {
+	flex: auto;
+	border: 5px solid black; 
+	background-color: #679ACF;
+	margin: 5px;
+	overflow: scroll;
+	height: 300px;
+}
+
+#equationColumn {
+	width:300px;
+	margin: 5 auto;
+}
+
+.equalsSign {
+	margin-left: 5px;
+	margin-right: 5px;
+	margin-top: 5px;
+}
+
+.stepEqual {
+	padding: 5px;
+}
+
+.CTATTextInput {
+	padding: 5px;
+	display: flex;
+}
+
+.leftTextColumn>input[type="text"] {
+	text-align: right;
+}
+
+.rightTextColumn>input[type="text"] {
+	text-align: left;
+}
+
+.CTATTextInput>input[type="text"] {
+    background-color: white;
+}
+
+.CTATComboBox {
+	margin-top: 5px;
+}
+
+.CTATGroupingComponent {
+	display: flex;
+}
+
diff --git a/HTML/replay versions/Lynnette_Load_Tester.html b/HTML/replay versions/Lynnette_Load_Tester.html
new file mode 100644
index 0000000..bdb1a17
--- /dev/null
+++ b/HTML/replay versions/Lynnette_Load_Tester.html	
@@ -0,0 +1,57 @@
+<html>
+    <head>
+
+        <script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
+		<script src="Master_Lynnette_Load_Tester.js"></script>
+		
+		<style>
+			#replayInfo
+			{
+				background-color: white;
+				font-size: 120%;
+				border: 3px solid lightgreen;
+				width:500px;
+			}
+			td
+			{
+				border: 2px solid lightblue;
+				padding: 1% 1%;
+			}
+			#tutor{
+				
+			}
+			#tutorFrame{
+				padding: 0px 0px;
+				margin: 0px 0px;
+				width: 920px;
+				height: 520px;
+				display: inline-block;
+			}
+			#saiTable{
+				width:650px;
+				height:200px;
+			}
+			#saiTableHolder{
+				margin: 0px 0px;
+				background-color: white;
+			}
+			iframe{
+				
+				border:1px;
+			}
+			body{
+				background-color: lightblue;
+			}
+		</style>
+	</head>
+	<body>
+		<table id="replayInfo">
+			<tr>
+				<td id="student_info" style="width:10%"></td>
+				<td id="problem_info" style="width:30%"></td>
+			</tr>
+		</table>
+		<div id="tutorFrame"></div>
+		<iframe id="saiTable" srcdoc="<html></html>"></iframe>
+	</body>
+</html>
\ No newline at end of file
