diff --git a/inSparkle.xcodeproj/project.pbxproj b/inSparkle.xcodeproj/project.pbxproj
index 33f8e69..f626bbb 100755
--- a/inSparkle.xcodeproj/project.pbxproj
+++ b/inSparkle.xcodeproj/project.pbxproj
@@ -43,6 +43,8 @@
 		C92E248F1C1557790028D647 /* TimePunchCalcObject.swift in Sources */ = {isa = PBXBuildFile; fileRef = C92E248E1C1557790028D647 /* TimePunchCalcObject.swift */; };
 		C92E81871D8B8E3300ED2D13 /* TechListTableViewController.swift in Sources */ = {isa = PBXBuildFile; fileRef = C92E81861D8B8E3300ED2D13 /* TechListTableViewController.swift */; };
 		C9338D841C1E306C00DC09BE /* CloudCode.swift in Sources */ = {isa = PBXBuildFile; fileRef = C9338D831C1E306C00DC09BE /* CloudCode.swift */; };
+		C933ADCB1EA8412E00FBB606 /* employeeline.html in Resources */ = {isa = PBXBuildFile; fileRef = C933ADCA1EA8412E00FBB606 /* employeeline.html */; };
+		C933ADCD1EA8416700FBB606 /* PayrollReportHTML.swift in Sources */ = {isa = PBXBuildFile; fileRef = C933ADCC1EA8416700FBB606 /* PayrollReportHTML.swift */; };
 		C93AEF161D8A544600F9D44D /* VacationApprovedHTML.html in Resources */ = {isa = PBXBuildFile; fileRef = C93AEF151D8A544600F9D44D /* VacationApprovedHTML.html */; };
 		C940778B1C7BF6C200E74817 /* PartsTableViewCell.swift in Sources */ = {isa = PBXBuildFile; fileRef = C940778A1C7BF6C200E74817 /* PartsTableViewCell.swift */; };
 		C94367061BF719E10066D155 /* Colors.swift in Sources */ = {isa = PBXBuildFile; fileRef = C94367051BF719E10066D155 /* Colors.swift */; };
@@ -118,9 +120,9 @@
 		C9856A051C7E8B1E00E6C87F /* Work Order Assets.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = C9856A041C7E8B1E00E6C87F /* Work Order Assets.xcassets */; };
 		C98F4D1C1DEFE7F4008F7A49 /* ManagerOverrideAssets.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = C98F4D1B1DEFE7F4008F7A49 /* ManagerOverrideAssets.xcassets */; };
 		C99111CC1D5E2D0A0052D5C0 /* SessionModel.swift in Sources */ = {isa = PBXBuildFile; fileRef = C99111CB1D5E2D0A0052D5C0 /* SessionModel.swift */; };
+		C992A9231EA864AD00883ECE /* EmployeePayrollReportModel.swift in Sources */ = {isa = PBXBuildFile; fileRef = C992A9221EA864AD00883ECE /* EmployeePayrollReportModel.swift */; };
 		C99A694B1DECDBF5001E872C /* ManagerOverrideViewController.swift in Sources */ = {isa = PBXBuildFile; fileRef = C99A694A1DECDBF5001E872C /* ManagerOverrideViewController.swift */; };
 		C99A694D1DECDEAF001E872C /* ManagerOverrideNavViewController.swift in Sources */ = {isa = PBXBuildFile; fileRef = C99A694C1DECDEAF001E872C /* ManagerOverrideNavViewController.swift */; };
-		C99C7D951CA8E27600EF8776 /* PayrollPDFGenerate.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = C99C7D941CA8E27600EF8776 /* PayrollPDFGenerate.storyboard */; };
 		C99C7D971CA8E2D300EF8776 /* PayrollSummaryPDFGenerateViewController.swift in Sources */ = {isa = PBXBuildFile; fileRef = C99C7D961CA8E2D300EF8776 /* PayrollSummaryPDFGenerateViewController.swift */; };
 		C99D3E431BF5BD3700D30F96 /* AppDelegate.swift in Sources */ = {isa = PBXBuildFile; fileRef = C99D3E421BF5BD3700D30F96 /* AppDelegate.swift */; };
 		C99D3E481BF5BD3700D30F96 /* Main.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = C99D3E461BF5BD3700D30F96 /* Main.storyboard */; };
@@ -169,6 +171,7 @@
 		C9C8E1DD1C1FCDB60056D789 /* POCCustomerFilterTableViewController.swift in Sources */ = {isa = PBXBuildFile; fileRef = C9C8E1DC1C1FCDB60056D789 /* POCCustomerFilterTableViewController.swift */; };
 		C9C8E1DF1C1FCE9A0056D789 /* POCOpenCloseTableViewController.swift in Sources */ = {isa = PBXBuildFile; fileRef = C9C8E1DE1C1FCE9A0056D789 /* POCOpenCloseTableViewController.swift */; };
 		C9C8E1E11C1FCF320056D789 /* POCActiveInactiveAllFilterTableViewController.swift in Sources */ = {isa = PBXBuildFile; fileRef = C9C8E1E01C1FCF320056D789 /* POCActiveInactiveAllFilterTableViewController.swift */; };
+		C9CBCB8D1EA909B1009BAC7B /* payrollreportlogo.png in Resources */ = {isa = PBXBuildFile; fileRef = C9CBCB8C1EA909B1009BAC7B /* payrollreportlogo.png */; };
 		C9CC66A01C0D0E090000EDE6 /* ScheduleTableViewController.swift in Sources */ = {isa = PBXBuildFile; fileRef = C9CC669F1C0D0E090000EDE6 /* ScheduleTableViewController.swift */; };
 		C9CC66A21C0D0E3E0000EDE6 /* ScheduleTableViewCell.swift in Sources */ = {isa = PBXBuildFile; fileRef = C9CC66A11C0D0E3E0000EDE6 /* ScheduleTableViewCell.swift */; };
 		C9CD6A0E1DBEDEE6009C93A1 /* KeychainItemAccessibility.swift in Sources */ = {isa = PBXBuildFile; fileRef = C9CD6A0B1DBEDEE6009C93A1 /* KeychainItemAccessibility.swift */; };
@@ -198,6 +201,7 @@
 		C9F0FF981C18AB34005EEE28 /* EditTimePunchesTableViewController.swift in Sources */ = {isa = PBXBuildFile; fileRef = C9F0FF971C18AB34005EEE28 /* EditTimePunchesTableViewController.swift */; };
 		C9F0FF9A1C18AC00005EEE28 /* AddEditEmployeeSelectionTableViewController.swift in Sources */ = {isa = PBXBuildFile; fileRef = C9F0FF991C18AC00005EEE28 /* AddEditEmployeeSelectionTableViewController.swift */; };
 		C9F1A47F1CAC8E370071DC5A /* MyTimecardWeekSelectionTableViewController.swift in Sources */ = {isa = PBXBuildFile; fileRef = C9F1A47E1CAC8E370071DC5A /* MyTimecardWeekSelectionTableViewController.swift */; };
+		C9F342D91EA8386C007C49EF /* report.html in Resources */ = {isa = PBXBuildFile; fileRef = C9F342D81EA8386C007C49EF /* report.html */; };
 		C9F431181BFEB13500AC3CD8 /* Global.swift in Sources */ = {isa = PBXBuildFile; fileRef = C9F431171BFEB13500AC3CD8 /* Global.swift */; };
 		C9F7A9B01C6FD994001A6555 /* MIBadgeButton.swift in Sources */ = {isa = PBXBuildFile; fileRef = C9F7A9AF1C6FD994001A6555 /* MIBadgeButton.swift */; };
 		C9F7A9B41C70149E001A6555 /* UserPIN.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = C9F7A9B31C70149E001A6555 /* UserPIN.storyboard */; };
@@ -271,6 +275,8 @@
 		C92E248E1C1557790028D647 /* TimePunchCalcObject.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = TimePunchCalcObject.swift; sourceTree = "<group>"; };
 		C92E81861D8B8E3300ED2D13 /* TechListTableViewController.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = TechListTableViewController.swift; sourceTree = "<group>"; };
 		C9338D831C1E306C00DC09BE /* CloudCode.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = CloudCode.swift; sourceTree = "<group>"; };
+		C933ADCA1EA8412E00FBB606 /* employeeline.html */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.html; path = employeeline.html; sourceTree = "<group>"; };
+		C933ADCC1EA8416700FBB606 /* PayrollReportHTML.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = PayrollReportHTML.swift; sourceTree = "<group>"; };
 		C93AEF151D8A544600F9D44D /* VacationApprovedHTML.html */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.html; path = VacationApprovedHTML.html; sourceTree = "<group>"; };
 		C940778A1C7BF6C200E74817 /* PartsTableViewCell.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = PartsTableViewCell.swift; sourceTree = "<group>"; };
 		C94367051BF719E10066D155 /* Colors.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = Colors.swift; sourceTree = "<group>"; };
@@ -348,9 +354,9 @@
 		C9856A041C7E8B1E00E6C87F /* Work Order Assets.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; path = "Work Order Assets.xcassets"; sourceTree = "<group>"; };
 		C98F4D1B1DEFE7F4008F7A49 /* ManagerOverrideAssets.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; path = ManagerOverrideAssets.xcassets; sourceTree = "<group>"; };
 		C99111CB1D5E2D0A0052D5C0 /* SessionModel.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = SessionModel.swift; sourceTree = "<group>"; };
+		C992A9221EA864AD00883ECE /* EmployeePayrollReportModel.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = EmployeePayrollReportModel.swift; sourceTree = "<group>"; };
 		C99A694A1DECDBF5001E872C /* ManagerOverrideViewController.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = ManagerOverrideViewController.swift; sourceTree = "<group>"; };
 		C99A694C1DECDEAF001E872C /* ManagerOverrideNavViewController.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = ManagerOverrideNavViewController.swift; sourceTree = "<group>"; };
-		C99C7D941CA8E27600EF8776 /* PayrollPDFGenerate.storyboard */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = file.storyboard; path = PayrollPDFGenerate.storyboard; sourceTree = "<group>"; };
 		C99C7D961CA8E2D300EF8776 /* PayrollSummaryPDFGenerateViewController.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = PayrollSummaryPDFGenerateViewController.swift; sourceTree = "<group>"; };
 		C99D3E3F1BF5BD3700D30F96 /* inSparkle.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = inSparkle.app; sourceTree = BUILT_PRODUCTS_DIR; };
 		C99D3E421BF5BD3700D30F96 /* AppDelegate.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = AppDelegate.swift; sourceTree = "<group>"; };
@@ -412,6 +418,7 @@
 		C9C8E1DC1C1FCDB60056D789 /* POCCustomerFilterTableViewController.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = POCCustomerFilterTableViewController.swift; sourceTree = "<group>"; };
 		C9C8E1DE1C1FCE9A0056D789 /* POCOpenCloseTableViewController.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = POCOpenCloseTableViewController.swift; sourceTree = "<group>"; };
 		C9C8E1E01C1FCF320056D789 /* POCActiveInactiveAllFilterTableViewController.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = POCActiveInactiveAllFilterTableViewController.swift; sourceTree = "<group>"; };
+		C9CBCB8C1EA909B1009BAC7B /* payrollreportlogo.png */ = {isa = PBXFileReference; lastKnownFileType = image.png; path = payrollreportlogo.png; sourceTree = "<group>"; };
 		C9CC669F1C0D0E090000EDE6 /* ScheduleTableViewController.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = ScheduleTableViewController.swift; sourceTree = "<group>"; };
 		C9CC66A11C0D0E3E0000EDE6 /* ScheduleTableViewCell.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = ScheduleTableViewCell.swift; sourceTree = "<group>"; };
 		C9CD6A0B1DBEDEE6009C93A1 /* KeychainItemAccessibility.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = KeychainItemAccessibility.swift; sourceTree = "<group>"; };
@@ -442,6 +449,7 @@
 		C9F0FF971C18AB34005EEE28 /* EditTimePunchesTableViewController.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = EditTimePunchesTableViewController.swift; sourceTree = "<group>"; };
 		C9F0FF991C18AC00005EEE28 /* AddEditEmployeeSelectionTableViewController.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = AddEditEmployeeSelectionTableViewController.swift; sourceTree = "<group>"; };
 		C9F1A47E1CAC8E370071DC5A /* MyTimecardWeekSelectionTableViewController.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = MyTimecardWeekSelectionTableViewController.swift; sourceTree = "<group>"; };
+		C9F342D81EA8386C007C49EF /* report.html */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.html; path = report.html; sourceTree = "<group>"; };
 		C9F431171BFEB13500AC3CD8 /* Global.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = Global.swift; sourceTree = "<group>"; };
 		C9F7A9AF1C6FD994001A6555 /* MIBadgeButton.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = MIBadgeButton.swift; sourceTree = "<group>"; };
 		C9F7A9B31C70149E001A6555 /* UserPIN.storyboard */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = file.storyboard; path = UserPIN.storyboard; sourceTree = "<group>"; };
@@ -706,7 +714,7 @@
 			isa = PBXGroup;
 			children = (
 				C9585F2A1C174C0F008AB918 /* TimeClockReport.storyboard */,
-				C99C7D941CA8E27600EF8776 /* PayrollPDFGenerate.storyboard */,
+				C9F342D71EA8385B007C49EF /* New Payroll Report Files */,
 				C99C7D961CA8E2D300EF8776 /* PayrollSummaryPDFGenerateViewController.swift */,
 				C9585F261C169491008AB918 /* RunTimeReportTableViewController.swift */,
 				C9585F351C175B08008AB918 /* TimeCardReportTableViewController.swift */,
@@ -1077,6 +1085,18 @@
 			name = "Time Card Management";
 			sourceTree = "<group>";
 		};
+		C9F342D71EA8385B007C49EF /* New Payroll Report Files */ = {
+			isa = PBXGroup;
+			children = (
+				C9CBCB8C1EA909B1009BAC7B /* payrollreportlogo.png */,
+				C933ADCA1EA8412E00FBB606 /* employeeline.html */,
+				C933ADCC1EA8416700FBB606 /* PayrollReportHTML.swift */,
+				C992A9221EA864AD00883ECE /* EmployeePayrollReportModel.swift */,
+				C9F342D81EA8386C007C49EF /* report.html */,
+			);
+			name = "New Payroll Report Files";
+			sourceTree = "<group>";
+		};
 		C9FE5BE81C1FC5BF00293836 /* POC */ = {
 			isa = PBXGroup;
 			children = (
@@ -1183,6 +1203,7 @@
 			files = (
 				C9A226351E675CFE00AD245C /* Expense.storyboard in Resources */,
 				C98F4D1C1DEFE7F4008F7A49 /* ManagerOverrideAssets.xcassets in Resources */,
+				C933ADCB1EA8412E00FBB606 /* employeeline.html in Resources */,
 				C9F0FF961C18A646005EEE28 /* TimeCardManagement.storyboard in Resources */,
 				C9536C501DDCE5370022E3AA /* More.storyboard in Resources */,
 				C99D3E4D1BF5BD3700D30F96 /* LaunchScreen.storyboard in Resources */,
@@ -1196,6 +1217,7 @@
 				C9536C571DDCEBF90022E3AA /* MainAssets.xcassets in Resources */,
 				C90340CC1C722C9A0028F865 /* ChemicalCheckoutReport.storyboard in Resources */,
 				C9A01EC31C8FBF83002D75AA /* PDF Icon.png in Resources */,
+				C9CBCB8D1EA909B1009BAC7B /* payrollreportlogo.png in Resources */,
 				C96EF8031C14E0FD00C4D2C1 /* TimeClock.xcassets in Resources */,
 				C9DC84641C6251A300C41B6A /* OpeningPDFTemplate.storyboard in Resources */,
 				C9D2105A1CB4899E003102D9 /* TimeAwayHistory.storyboard in Resources */,
@@ -1207,7 +1229,6 @@
 				C972FF731C19FA0900D34EB2 /* Messages.storyboard in Resources */,
 				C95008611C61C08E00F5351C /* GeneratePDF.storyboard in Resources */,
 				C9FE5BE71C1FC5BA00293836 /* POCReport.storyboard in Resources */,
-				C99C7D951CA8E27600EF8776 /* PayrollPDFGenerate.storyboard in Resources */,
 				C99D3E481BF5BD3700D30F96 /* Main.storyboard in Resources */,
 				C9585F2F1C175505008AB918 /* Admin.storyboard in Resources */,
 				C9E2A2B91C235D8400DBA851 /* ToSparkle.gpx in Resources */,
@@ -1224,6 +1245,7 @@
 				C9D210561CB44692003102D9 /* RequestTimeOff.storyboard in Resources */,
 				C9A226321E675AA500AD245C /* MoreAssets.xcassets in Resources */,
 				C91120861C73F9E8004002A3 /* WorkOrderPDFTemplate.storyboard in Resources */,
+				C9F342D91EA8386C007C49EF /* report.html in Resources */,
 				C9585F2B1C174C0F008AB918 /* TimeClockReport.storyboard in Resources */,
 			);
 			runOnlyForDeploymentPostprocessing = 0;
@@ -1386,10 +1408,12 @@
 				C9FAE77D1C584B2E005630FC /* MessageNotesTableViewController.swift in Sources */,
 				C9FE5BE41C1F880600293836 /* ConfirmCalViewController.swift in Sources */,
 				C9FAE77B1C57FD39005630FC /* MessageStatusTableViewController.swift in Sources */,
+				C992A9231EA864AD00883ECE /* EmployeePayrollReportModel.swift in Sources */,
 				C9C8473D1D8E0AE2001D892B /* QuickActionsMasterViewController.swift in Sources */,
 				C96EF7FB1C14BFC400C4D2C1 /* TimeClockViewController.swift in Sources */,
 				C929E7F21D8A37F1004EE7A7 /* Email.swift in Sources */,
 				C96C683D1E709B0C002D2E7D /* PaymentTypeModel.swift in Sources */,
+				C933ADCD1EA8416700FBB606 /* PayrollReportHTML.swift in Sources */,
 				C9AB005E1C469FC900595F58 /* PushNotifications.swift in Sources */,
 				C97C9C7A1D5F8781006F47D0 /* QRCodeScanner.swift in Sources */,
 				C9E511F51BFAC15E0030AA98 /* LoginViewController.swift in Sources */,
diff --git a/inSparkle.xcworkspace/xcuserdata/Trever.xcuserdatad/UserInterfaceState.xcuserstate b/inSparkle.xcworkspace/xcuserdata/Trever.xcuserdatad/UserInterfaceState.xcuserstate
index 6667066..8762337 100755
Binary files a/inSparkle.xcworkspace/xcuserdata/Trever.xcuserdatad/UserInterfaceState.xcuserstate and b/inSparkle.xcworkspace/xcuserdata/Trever.xcuserdatad/UserInterfaceState.xcuserstate differ
diff --git a/inSparkle.xcworkspace/xcuserdata/Trever.xcuserdatad/xcdebugger/Breakpoints_v2.xcbkptlist b/inSparkle.xcworkspace/xcuserdata/Trever.xcuserdatad/xcdebugger/Breakpoints_v2.xcbkptlist
index ed9a9b4..e3feb13 100755
--- a/inSparkle.xcworkspace/xcuserdata/Trever.xcuserdatad/xcdebugger/Breakpoints_v2.xcbkptlist
+++ b/inSparkle.xcworkspace/xcuserdata/Trever.xcuserdatad/xcdebugger/Breakpoints_v2.xcbkptlist
@@ -2,4 +2,38 @@
 <Bucket
    type = "0"
    version = "2.0">
+   <Breakpoints>
+      <BreakpointProxy
+         BreakpointExtensionID = "Xcode.Breakpoint.FileBreakpoint">
+         <BreakpointContent
+            shouldBeEnabled = "Yes"
+            ignoreCount = "0"
+            continueAfterRunningActions = "No"
+            filePath = "inSparkle/PayrollReportHTML.swift"
+            timestampString = "514397109.77003"
+            startingColumnNumber = "9223372036854775807"
+            endingColumnNumber = "9223372036854775807"
+            startingLineNumber = "90"
+            endingLineNumber = "90"
+            landmarkName = "exportHTMLContentToPDF(HTMLContent:printFormatter:)"
+            landmarkType = "7">
+         </BreakpointContent>
+      </BreakpointProxy>
+      <BreakpointProxy
+         BreakpointExtensionID = "Xcode.Breakpoint.FileBreakpoint">
+         <BreakpointContent
+            shouldBeEnabled = "No"
+            ignoreCount = "0"
+            continueAfterRunningActions = "No"
+            filePath = "inSparkle/PayrollReportHTML.swift"
+            timestampString = "514397109.77003"
+            startingColumnNumber = "9223372036854775807"
+            endingColumnNumber = "9223372036854775807"
+            startingLineNumber = "150"
+            endingLineNumber = "150"
+            landmarkName = "presentPDF(fileName:)"
+            landmarkType = "7">
+         </BreakpointContent>
+      </BreakpointProxy>
+   </Breakpoints>
 </Bucket>
diff --git a/inSparkle/AddNewExpenseViewController.swift b/inSparkle/AddNewExpenseViewController.swift
index 3587b88..a30ce6c 100644
--- a/inSparkle/AddNewExpenseViewController.swift
+++ b/inSparkle/AddNewExpenseViewController.swift
@@ -286,9 +286,6 @@ class AddNewExpenseViewController: UIViewController, UIGestureRecognizerDelegate
     }
     
     func savingAnimation() -> NVActivityIndicatorView {
-        let x = (self.view.frame.size.width / 2)
-        let y = (self.view.frame.size.height / 2)
-        
         let background = UIView()
         background.backgroundColor = UIColor.black
         background.frame = CGRect(x: 0, y: 0, width: 247, height: 247)
diff --git a/inSparkle/Admin.storyboard b/inSparkle/Admin.storyboard
index 9b7b38a..b2dd90c 100755
--- a/inSparkle/Admin.storyboard
+++ b/inSparkle/Admin.storyboard
@@ -1,5 +1,5 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<document type="com.apple.InterfaceBuilder3.CocoaTouch.Storyboard.XIB" version="3.0" toolsVersion="11762" systemVersion="16D32" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" useTraitCollections="YES" colorMatched="YES" initialViewController="Pdb-5y-vV0">
+<document type="com.apple.InterfaceBuilder3.CocoaTouch.Storyboard.XIB" version="3.0" toolsVersion="11762" systemVersion="16E195" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" useTraitCollections="YES" colorMatched="YES" initialViewController="Pdb-5y-vV0">
     <device id="retina4_7" orientation="portrait">
         <adaptation id="fullscreen"/>
     </device>
@@ -24,11 +24,11 @@
                                         <rect key="frame" x="0.0" y="35" width="375" height="48"/>
                                         <autoresizingMask key="autoresizingMask"/>
                                         <tableViewCellContentView key="contentView" opaque="NO" clipsSubviews="YES" multipleTouchEnabled="YES" contentMode="center" tableViewCell="BKF-Ua-CqZ" id="iRC-er-g3A">
-                                            <rect key="frame" x="0.0" y="0.0" width="342" height="47"/>
+                                            <rect key="frame" x="0.0" y="0.0" width="342" height="47.5"/>
                                             <autoresizingMask key="autoresizingMask"/>
                                             <subviews>
                                                 <label opaque="NO" multipleTouchEnabled="YES" contentMode="left" text="Reports" textAlignment="natural" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" id="qNH-20-oK1">
-                                                    <rect key="frame" x="60" y="0.0" width="280" height="47"/>
+                                                    <rect key="frame" x="60" y="0.0" width="280" height="47.5"/>
                                                     <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
                                                     <fontDescription key="fontDescription" type="system" pointSize="16"/>
                                                     <color key="textColor" red="0.0" green="0.0" blue="0.0" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
@@ -48,11 +48,11 @@
                                         <rect key="frame" x="0.0" y="83" width="375" height="48"/>
                                         <autoresizingMask key="autoresizingMask"/>
                                         <tableViewCellContentView key="contentView" opaque="NO" clipsSubviews="YES" multipleTouchEnabled="YES" contentMode="center" tableViewCell="fPs-g3-WBC" id="vmp-eo-ZUE">
-                                            <rect key="frame" x="0.0" y="0.0" width="342" height="47"/>
+                                            <rect key="frame" x="0.0" y="0.0" width="342" height="47.5"/>
                                             <autoresizingMask key="autoresizingMask"/>
                                             <subviews>
                                                 <label opaque="NO" multipleTouchEnabled="YES" contentMode="left" text=" Time Card Management" textAlignment="natural" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" id="fBk-yv-p7C">
-                                                    <rect key="frame" x="64" y="0.0" width="276" height="47"/>
+                                                    <rect key="frame" x="64" y="0.0" width="276" height="47.5"/>
                                                     <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
                                                     <fontDescription key="fontDescription" type="system" pointSize="16"/>
                                                     <color key="textColor" red="0.0" green="0.0" blue="0.0" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
@@ -72,11 +72,11 @@
                                         <rect key="frame" x="0.0" y="131" width="375" height="44"/>
                                         <autoresizingMask key="autoresizingMask"/>
                                         <tableViewCellContentView key="contentView" opaque="NO" clipsSubviews="YES" multipleTouchEnabled="YES" contentMode="center" tableViewCell="O7V-CY-7Ty" id="KLB-M7-d1t">
-                                            <rect key="frame" x="0.0" y="0.0" width="342" height="43"/>
+                                            <rect key="frame" x="0.0" y="0.0" width="342" height="43.5"/>
                                             <autoresizingMask key="autoresizingMask"/>
                                             <subviews>
                                                 <label opaque="NO" multipleTouchEnabled="YES" contentMode="left" text="Time Away Requests" textAlignment="natural" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" id="cqb-yL-oHE">
-                                                    <rect key="frame" x="64" y="0.0" width="276" height="43"/>
+                                                    <rect key="frame" x="64" y="0.0" width="276" height="43.5"/>
                                                     <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
                                                     <fontDescription key="fontDescription" type="system" pointSize="16"/>
                                                     <color key="textColor" red="0.0" green="0.0" blue="0.0" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
@@ -96,11 +96,11 @@
                                         <rect key="frame" x="0.0" y="175" width="375" height="44"/>
                                         <autoresizingMask key="autoresizingMask"/>
                                         <tableViewCellContentView key="contentView" opaque="NO" clipsSubviews="YES" multipleTouchEnabled="YES" contentMode="center" tableViewCell="V83-nq-2Rd" id="bAI-1Z-TRe">
-                                            <rect key="frame" x="0.0" y="0.0" width="342" height="43"/>
+                                            <rect key="frame" x="0.0" y="0.0" width="342" height="43.5"/>
                                             <autoresizingMask key="autoresizingMask"/>
                                             <subviews>
                                                 <label opaque="NO" multipleTouchEnabled="YES" contentMode="left" text="Manage Users and Employees" textAlignment="natural" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" id="EJz-6Q-L74">
-                                                    <rect key="frame" x="64" y="0.0" width="276" height="43"/>
+                                                    <rect key="frame" x="64" y="0.0" width="276" height="43.5"/>
                                                     <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
                                                     <fontDescription key="fontDescription" type="system" pointSize="16"/>
                                                     <color key="textColor" red="0.0" green="0.0" blue="0.0" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
diff --git a/inSparkle/EmployeePayrollReportModel.swift b/inSparkle/EmployeePayrollReportModel.swift
new file mode 100644
index 0000000..ab03efd
--- /dev/null
+++ b/inSparkle/EmployeePayrollReportModel.swift
@@ -0,0 +1,23 @@
+//
+//  EmployeePayrollReportModel.swift
+//  inSparkle
+//
+//  Created by Trever on 4/19/17.
+//  Copyright © 2017 Sparkle Pools. All rights reserved.
+//
+
+import UIKit
+
+class EmployeePayrollReportModel: NSObject {
+    
+    var employeeName : String!
+    
+    var standardHours : String!
+    
+    var overtimeHours : String!
+    
+    var vacationHours : String!
+    
+    var total : String!
+    
+}
diff --git a/inSparkle/ExpenseDetailViewController.swift b/inSparkle/ExpenseDetailViewController.swift
index 7a7be2d..1ef9fa8 100644
--- a/inSparkle/ExpenseDetailViewController.swift
+++ b/inSparkle/ExpenseDetailViewController.swift
@@ -163,7 +163,6 @@ class ExpenseDetailViewController: UIViewController, UIGestureRecognizerDelegate
             if error == nil {
                 self.additionalAttachments = addtlAttch as! [ExpenseAdditionalAttachments]
                 self.attachmentCollectionView.reloadData()
-                self.stopLoadingIndicator()
             }
         })
     }
@@ -454,6 +453,13 @@ extension ExpenseDetailViewController : UICollectionViewDelegate, UICollectionVi
         return cell
     }
     
+    func collectionView(_ collectionView: UICollectionView, willDisplay cell: UICollectionViewCell, forItemAt indexPath: IndexPath) {
+        
+        if indexPath.item == collectionView.indexPathsForVisibleItems.last?.item {
+            self.stopLoadingIndicator()
+        }
+        
+    }
     
     func collectionView(_ collectionView: UICollectionView, didSelectItemAt indexPath: IndexPath) {
         var temp = URL(fileURLWithPath: NSTemporaryDirectory(), isDirectory: true)
diff --git a/inSparkle/PayrollPDFGenerate.storyboard b/inSparkle/PayrollPDFGenerate.storyboard
deleted file mode 100755
index ebe19de..0000000
--- a/inSparkle/PayrollPDFGenerate.storyboard
+++ /dev/null
@@ -1,35 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<document type="com.apple.InterfaceBuilder3.CocoaTouch.Storyboard.XIB" version="3.0" toolsVersion="10116" systemVersion="15E64a" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" useTraitCollections="YES">
-    <dependencies>
-        <deployment identifier="iOS"/>
-        <plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="10085"/>
-    </dependencies>
-    <scenes>
-        <!--Payroll SummaryPDF Generate View Controller-->
-        <scene sceneID="C7x-Am-UV8">
-            <objects>
-                <viewController storyboardIdentifier="PayrollSummaryPDFGenerateViewController" id="aNr-we-pXe" customClass="PayrollSummaryPDFGenerateViewController" customModule="inSparkle" customModuleProvider="target" sceneMemberID="viewController">
-                    <layoutGuides>
-                        <viewControllerLayoutGuide type="top" id="Er7-J5-VFv"/>
-                        <viewControllerLayoutGuide type="bottom" id="0AK-fb-p4u"/>
-                    </layoutGuides>
-                    <view key="view" contentMode="scaleToFill" id="e9t-hR-olf">
-                        <rect key="frame" x="0.0" y="0.0" width="612" height="792"/>
-                        <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
-                        <subviews>
-                            <imageView userInteractionEnabled="NO" contentMode="scaleToFill" horizontalHuggingPriority="251" verticalHuggingPriority="251" fixedFrame="YES" translatesAutoresizingMaskIntoConstraints="NO" id="Dll-8Y-IFv">
-                                <rect key="frame" x="0.0" y="0.0" width="240" height="128"/>
-                            </imageView>
-                        </subviews>
-                        <color key="backgroundColor" white="1" alpha="1" colorSpace="calibratedWhite"/>
-                    </view>
-                    <value key="contentSizeForViewInPopover" type="size" width="612" height="792"/>
-                    <freeformSimulatedSizeMetrics key="simulatedDestinationMetrics"/>
-                    <size key="freeformSize" width="612" height="792"/>
-                </viewController>
-                <placeholder placeholderIdentifier="IBFirstResponder" id="Lie-NE-bOr" userLabel="First Responder" sceneMemberID="firstResponder"/>
-            </objects>
-            <point key="canvasLocation" x="615" y="443"/>
-        </scene>
-    </scenes>
-</document>
diff --git a/inSparkle/PayrollReportHTML.swift b/inSparkle/PayrollReportHTML.swift
new file mode 100644
index 0000000..567e085
--- /dev/null
+++ b/inSparkle/PayrollReportHTML.swift
@@ -0,0 +1,191 @@
+//
+//  PayrollReportHTML.swift
+//  inSparkle
+//
+//  Created by Trever on 4/19/17.
+//  Copyright © 2017 Sparkle Pools. All rights reserved.
+//
+
+import Foundation
+import UIKit
+import NVActivityIndicatorView
+
+class PayrollReportHTML : NSObject {
+    
+    let pathToHTMLTemplate = Bundle.main.path(forResource: "report", ofType: "html")
+    
+    let pathToEmployeeLine = Bundle.main.path(forResource: "employeeline", ofType: "html")
+    
+    let logoImage = Bundle.main.path(forResource: "payrollreportlogo", ofType: "png")
+    
+    var pdfFileName : String!
+    
+    override init() {
+        super.init()
+    }
+    
+    func renderInvoice(periodDates : String, employees : [EmployeePayrollReportModel]) -> String! {
+        let dateFormatter = DateFormatter()
+        dateFormatter.dateStyle = .short
+        dateFormatter.timeStyle = .medium
+        dateFormatter.timeZone = SparkleTimeZone.timeZone
+        
+        let date = dateFormatter.string(from: Date())
+        
+        print(employees.count)
+        
+        do {
+            var HTMLContent = try String(contentsOfFile: pathToHTMLTemplate!)
+            
+            HTMLContent = HTMLContent.replacingOccurrences(of: "#LOGO_IMAGE#", with: logoImage!)
+            
+            HTMLContent = HTMLContent.replacingOccurrences(of: "#PAY_PERIOD_DATES#", with: periodDates)
+            
+            HTMLContent = HTMLContent.replacingOccurrences(of: "#RUN_DATE#", with: date)
+            
+            var allLines = ""
+            
+            for emp in employees {
+                
+                var itemHTMLContent : String! = try String(contentsOfFile: pathToEmployeeLine!)
+                
+                itemHTMLContent = itemHTMLContent.replacingOccurrences(of: "#EMPLOYEE#", with: emp.employeeName)
+                
+                itemHTMLContent = itemHTMLContent.replacingOccurrences(of: "#STD_HOURS#", with: emp.standardHours)
+                
+                itemHTMLContent = itemHTMLContent.replacingOccurrences(of: "#OT_HOURS#", with: emp.overtimeHours)
+                
+                itemHTMLContent = itemHTMLContent.replacingOccurrences(of: "#TTL_HOURS#", with: emp.total)
+                
+                allLines += itemHTMLContent
+                
+            }
+            
+            HTMLContent = HTMLContent.replacingOccurrences(of: "#LINES#", with: allLines)
+            
+            return HTMLContent
+        } catch {
+            
+        }
+        
+        return nil
+        
+    }
+    
+    func exportHTMLContentToPDF(HTMLContent : String, printFormatter : UIViewPrintFormatter) {
+        let printPageRenderer = printPayrollToPDF()
+        
+        
+//        let printFormatter = UIMarkupTextPrintFormatter(markupText: HTMLContent)
+        printPageRenderer.addPrintFormatter(printFormatter, startingAtPageAt: 0)
+        
+        let pdfData = drawPDFUsiingPrintPageRenderer(printPageRenderer: printPageRenderer)
+        
+        
+        let directory = NSTemporaryDirectory()
+        let fileName = NSUUID().uuidString
+        
+        pdfFileName = directory + fileName + ".pdf"
+        
+        pdfData.write(toFile: pdfFileName, atomically: true)
+        
+        thePayrollView.presentPDF(fileName: pdfFileName)
+        
+    }
+    
+    
+    func drawPDFUsiingPrintPageRenderer(printPageRenderer: UIPrintPageRenderer) -> NSData {
+        let data = NSMutableData()
+        
+        UIGraphicsBeginPDFContextToData(data, CGRect.zero, nil)
+        
+        UIGraphicsBeginPDFPage()
+        
+        printPageRenderer.drawPage(at: 0, in: UIGraphicsGetPDFContextBounds())
+        
+        UIGraphicsEndPDFContext()
+        
+        return data
+    }
+
+    
+}
+
+var thePayrollView : PayrollWebPreview!
+
+class PayrollWebPreview : UIViewController, UIWebViewDelegate, UIDocumentInteractionControllerDelegate {
+    
+    @IBOutlet var webView : UIWebView!
+    var payrollHTML : PayrollReportHTML!
+    
+    var periodDates : String!
+    var employees : [EmployeePayrollReportModel]!
+    
+    var HTML : String!
+    var docController: UIDocumentInteractionController?
+    var loadingUI : NVActivityIndicatorView!
+    
+    override func viewDidAppear(_ animated: Bool) {
+        webView.delegate = self
+        createReportAsHTML()
+    }
+    
+    func createReportAsHTML() {
+        payrollHTML = PayrollReportHTML()
+        if let payrollHTML2 = payrollHTML.renderInvoice(periodDates: periodDates, employees: employees) {
+            self.webView.loadHTMLString(payrollHTML2, baseURL: URL(string: payrollHTML.pathToHTMLTemplate!))
+            HTML = payrollHTML2
+        }
+    }
+    
+    func webViewDidFinishLoad(_ webView: UIWebView) {
+        thePayrollView = self
+         PayrollReportHTML().exportHTMLContentToPDF(HTMLContent: HTML, printFormatter: webView.viewPrintFormatter())
+    }
+    
+    func presentPDF(fileName : String) {
+        var docController: UIDocumentInteractionController?
+        docController = UIDocumentInteractionController(url: URL(fileURLWithPath: fileName))
+        docController!.delegate = self
+        docController!.presentPreview(animated: true)
+    }
+    
+    func documentInteractionControllerRectForPreview(_ controller: UIDocumentInteractionController) -> CGRect {
+        return self.view.frame
+    }
+    
+    func documentInteractionControllerViewControllerForPreview(_ controller: UIDocumentInteractionController) -> UIViewController {
+        let viewController: UIViewController = UIViewController()
+        self.present(viewController, animated: true, completion: nil)
+        return viewController
+    }
+    
+    func documentInteractionControllerDidEndPreview(_ controller: UIDocumentInteractionController) {
+        self.dismiss(animated: true , completion: nil)
+        self.dismiss(animated: true) {
+            NotificationCenter.default.post(name: Notification.string(name: "dismissRunTimeReport"), object: nil)
+        }
+    }
+}
+
+class printPayrollToPDF : UIPrintPageRenderer {
+    
+    let A4PageWidth: CGFloat = 595.2
+    
+    let A4PageHeight: CGFloat = 841.8
+    
+    override init() {
+        super.init()
+        
+        // Specify the frame of the A4 page.
+        let pageFrame = CGRect(x: 0.0, y: 0.0, width: A4PageWidth, height: A4PageHeight)
+        
+        // Set the page frame.
+        self.setValue(NSValue(cgRect: pageFrame), forKey: "paperRect")
+        
+        // Set the horizontal and vertical insets (that's optional).
+        self.setValue(NSValue(cgRect: pageFrame.insetBy(dx: 10.0, dy: 10.0)), forKey: "printableRect")
+        
+    }
+    
+}
diff --git a/inSparkle/QuickActionsMasterViewController.swift b/inSparkle/QuickActionsMasterViewController.swift
index f546a9f..7f4d7d0 100644
--- a/inSparkle/QuickActionsMasterViewController.swift
+++ b/inSparkle/QuickActionsMasterViewController.swift
@@ -173,22 +173,22 @@ class QuickActionsMasterViewController: UIViewController {
                     
                     self.openWorkOrdersLive = self.myClient.subscribe(query as! PFQuery<WorkOrders>)
                     
-                    self.openWorkOrdersLive
-                        .handle(Event.created) {_, item in
-                            self.getOpenWorkOrders()
-                        }
-                        .handle(Event.updated) {_, item in
-                            self.getOpenWorkOrders()
-                        }
-                        .handle(Event.deleted) {_, item in
-                            self.getOpenWorkOrders()
-                        }
-                        .handle(Event.entered) {_, item in
-                            self.getOpenWorkOrders()
-                        }
-                        .handle(Event.left) {_, item in
-                            self.getOpenWorkOrders()
-                    }
+//                    self.openWorkOrdersLive
+//                        .handle(Event.created) {_, item in
+//                            self.getOpenWorkOrders()
+//                        }
+//                        .handle(Event.updated) {_, item in
+//                            self.getOpenWorkOrders()
+//                        }
+//                        .handle(Event.deleted) {_, item in
+//                            self.getOpenWorkOrders()
+//                        }
+//                        .handle(Event.entered) {_, item in
+//                            self.getOpenWorkOrders()
+//                        }
+//                        .handle(Event.left) {_, item in
+//                            self.getOpenWorkOrders()
+//                    }
                 }
             }
         }
diff --git a/inSparkle/RunTimeReportTableViewController.swift b/inSparkle/RunTimeReportTableViewController.swift
index e9ac837..e876b0d 100755
--- a/inSparkle/RunTimeReportTableViewController.swift
+++ b/inSparkle/RunTimeReportTableViewController.swift
@@ -50,6 +50,7 @@ fileprivate func > <T : Comparable>(lhs: T?, rhs: T?) -> Bool {
         
         NotificationCenter.default.addObserver(self, selector: #selector(RunTimeReportTableViewController.updateStartDateLabel), name: NSNotification.Name(rawValue: "updateStart"), object: nil)
         NotificationCenter.default.addObserver(self, selector: #selector(RunTimeReportTableViewController.updateEndDateLabel), name: NSNotification.Name(rawValue: "updateEnd"), object: nil)
+                NotificationCenter.default.addObserver(self, selector: #selector(dismissView), name: NSNotification.Name(rawValue: "dismissRunTimeReport"), object: nil)
         
     }
     
@@ -63,6 +64,10 @@ fileprivate func > <T : Comparable>(lhs: T?, rhs: T?) -> Bool {
         return UIModalPresentationStyle.none
     }
     
+    func dismissView() {
+        self.dismiss(animated: true, completion: nil)
+    }
+    
     override func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
         
         // First Section
@@ -166,6 +171,8 @@ fileprivate func > <T : Comparable>(lhs: T?, rhs: T?) -> Bool {
     var returnedPunches = 0
     var error: ErrorPointer = nil
     
+    var employeeTimeCardData = [EmployeePayrollReportModel]()
+    
     func getTimeCardForEachEmployee(_ employee : Employee, startDate : Date, endDate : Date) {
         if !detail {
             csvPunches = "Employee,StandardHours,OvertimeHours,VacationHours,TotalTime\n"
@@ -263,19 +270,21 @@ fileprivate func > <T : Comparable>(lhs: T?, rhs: T?) -> Bool {
                         totalHours = totalForEmp
                         overtimeHours = 0
                     }
-                    
-                    
+                
                     if (!self.detail) {
-                        self.csvPunches = self.csvPunches + "\(employeeName!),\(standardHours!),\(overtimeHours!),\(vacationHours),\(totalForEmp!)\n"
+                        let empemp = EmployeePayrollReportModel()
+                        empemp.employeeName = employeeName
+                        empemp.standardHours = String(standardHours)
+                        empemp.overtimeHours = String(overtimeHours)
+                        empemp.total = String(totalForEmp)
+                        
+                        print(empemp)
+                        self.employeeTimeCardData.append(empemp)
+//                        self.csvPunches = self.csvPunches + "\(employeeName!),\(standardHours!),\(overtimeHours!),\(vacationHours),\(totalForEmp!)\n"
                     }
                     
-                    
-                    print(self.expectedPunches)
-                    print(self.returnedPunches)
-                    print(self.expectedPunches - self.returnedPunches)
-                    
                     if self.expectedPunches - self.returnedPunches == 0 {
-                        print(self.csvPunches)
+                        print(self.employeeTimeCardData)
                         self.shareTime()
                     }
                 }
@@ -284,13 +293,46 @@ fileprivate func > <T : Comparable>(lhs: T?, rhs: T?) -> Bool {
     }
     
     func shareTime() {
+        let marti = EmployeePayrollReportModel()
+        marti.employeeName = "Marti Ennis"
+        marti.standardHours = "Salary"
+        marti.overtimeHours = "-"
+        marti.total = "-"
         
-        let textToShare = NSMutableString()
-        textToShare.appendFormat("%@\r", self.csvPunches)
-        print("Time to Share: \(textToShare)")
+        let tom = EmployeePayrollReportModel()
+        tom.employeeName = "Tom Sedletzeck"
+        tom.standardHours = "Salary"
+        tom.overtimeHours = "-"
+        tom.total = "-"
         
-        let data = textToShare.data(using: String.Encoding.utf8.rawValue, allowLossyConversion: false)
-        saveCSV(textToShare)
+        let robert = EmployeePayrollReportModel()
+        robert.employeeName = "Robert Casad"
+        robert.standardHours = "Salary"
+        robert.overtimeHours = "-"
+        robert.total = "-"
+        
+        self.employeeTimeCardData.insert(marti, at: 0)
+        self.employeeTimeCardData.insert(tom, at: 1)
+        self.employeeTimeCardData.insert(robert, at: 2)
+        
+        let period = self.startDateLabel.text! + " - " + self.endDateLabel.text!
+        
+        let prwp = self.storyboard?.instantiateViewController(withIdentifier: "webPreivew") as! PayrollWebPreview
+        prwp.periodDates = period
+        prwp.loadingUI = self.loadingUI
+        prwp.employees = self.employeeTimeCardData
+        
+        self.present(prwp, animated: true) { 
+            self.loadingUI.stopAnimating()
+            self.loadingBackground.removeFromSuperview()
+        }
+        
+//        let textToShare = NSMutableString()
+//        textToShare.appendFormat("%@\r", self.csvPunches)
+//        print("Time to Share: \(textToShare)")
+//        
+//        let data = textToShare.data(using: String.Encoding.utf8.rawValue, allowLossyConversion: false)
+//        saveCSV(textToShare)
         
     }
     
@@ -301,23 +343,14 @@ fileprivate func > <T : Comparable>(lhs: T?, rhs: T?) -> Bool {
     
     var docController: UIDocumentInteractionController?
     
-    func saveCSV(_ whatToSave : NSMutableString) {
-        let x = self.view.center
-        let docs = NSSearchPathForDirectoriesInDomains(.documentationDirectory, .userDomainMask, true)[0] 
-        let writePath = docs + "TimeCardReport.csv"
-        do {
-            try whatToSave.write(toFile: writePath, atomically: true, encoding: String.Encoding.utf8.rawValue)
-            print("Wrote File")
-            print(writePath)
-        } catch {
-            
-        }
+    func presentPDF(_ writePath : String) {
         docController = UIDocumentInteractionController(url: URL(fileURLWithPath: writePath))
         docController!.delegate = self
         docController!.presentPreview(animated: true)
         self.loadingUI.stopAnimating()
     }
     
+    
     func documentInteractionControllerRectForPreview(_ controller: UIDocumentInteractionController) -> CGRect {
         return self.view.frame
     }
diff --git a/inSparkle/TimeClockReport.storyboard b/inSparkle/TimeClockReport.storyboard
index 25ecd0f..9cef774 100755
--- a/inSparkle/TimeClockReport.storyboard
+++ b/inSparkle/TimeClockReport.storyboard
@@ -1,9 +1,13 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<document type="com.apple.InterfaceBuilder3.CocoaTouch.Storyboard.XIB" version="3.0" toolsVersion="10117" systemVersion="15G31" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" useTraitCollections="YES" initialViewController="mcq-AR-59r">
+<?xml version="1.0" encoding="UTF-8"?>
+<document type="com.apple.InterfaceBuilder3.CocoaTouch.Storyboard.XIB" version="3.0" toolsVersion="11762" systemVersion="16E195" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" useTraitCollections="YES" colorMatched="YES" initialViewController="mcq-AR-59r">
+    <device id="ipad9_7" orientation="portrait">
+        <adaptation id="fullscreen"/>
+    </device>
     <dependencies>
         <deployment identifier="iOS"/>
-        <plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="10085"/>
+        <plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="11757"/>
         <capability name="Constraints to layout margins" minToolsVersion="6.0"/>
+        <capability name="documents saved in the Xcode 8 format" minToolsVersion="8.0"/>
     </dependencies>
     <scenes>
         <!--Run Report-->
@@ -11,24 +15,24 @@
             <objects>
                 <tableViewController id="bJG-jV-14T" customClass="TimeCardReportTableViewController" customModule="inSparkle" customModuleProvider="target" sceneMemberID="viewController">
                     <tableView key="view" clipsSubviews="YES" contentMode="scaleToFill" alwaysBounceVertical="YES" dataMode="static" style="grouped" separatorStyle="default" rowHeight="44" sectionHeaderHeight="18" sectionFooterHeight="18" id="Zk2-0S-lHt">
-                        <rect key="frame" x="0.0" y="0.0" width="600" height="600"/>
+                        <rect key="frame" x="0.0" y="0.0" width="768" height="1024"/>
                         <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
-                        <color key="backgroundColor" red="0.93725490199999995" green="0.93725490199999995" blue="0.95686274510000002" alpha="1" colorSpace="calibratedRGB"/>
+                        <color key="backgroundColor" red="0.93725490199999995" green="0.93725490199999995" blue="0.95686274510000002" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
                         <sections>
                             <tableViewSection headerTitle="TimeCard" id="djX-N4-4GZ">
                                 <cells>
                                     <tableViewCell clipsSubviews="YES" contentMode="scaleToFill" selectionStyle="default" accessoryType="disclosureIndicator" indentationWidth="10" textLabel="ybL-DS-kEi" style="IBUITableViewCellStyleDefault" id="2ZH-uo-UrK">
-                                        <rect key="frame" x="0.0" y="114" width="600" height="44"/>
+                                        <rect key="frame" x="0.0" y="55" width="768" height="44"/>
                                         <autoresizingMask key="autoresizingMask"/>
                                         <tableViewCellContentView key="contentView" opaque="NO" clipsSubviews="YES" multipleTouchEnabled="YES" contentMode="center" tableViewCell="2ZH-uo-UrK" id="TrS-PH-R3D">
-                                            <rect key="frame" x="0.0" y="0.0" width="567" height="43"/>
+                                            <rect key="frame" x="0.0" y="0.0" width="702" height="44"/>
                                             <autoresizingMask key="autoresizingMask"/>
                                             <subviews>
                                                 <label opaque="NO" multipleTouchEnabled="YES" contentMode="left" text="Detail Report" textAlignment="natural" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" id="ybL-DS-kEi">
-                                                    <rect key="frame" x="15" y="0.0" width="550" height="43"/>
+                                                    <rect key="frame" x="48" y="0.0" width="654" height="43.5"/>
                                                     <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
                                                     <fontDescription key="fontDescription" type="system" pointSize="16"/>
-                                                    <color key="textColor" red="0.0" green="0.0" blue="0.0" alpha="1" colorSpace="calibratedRGB"/>
+                                                    <color key="textColor" red="0.0" green="0.0" blue="0.0" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
                                                     <nil key="highlightedColor"/>
                                                 </label>
                                             </subviews>
@@ -38,17 +42,17 @@
                                         </connections>
                                     </tableViewCell>
                                     <tableViewCell clipsSubviews="YES" contentMode="scaleToFill" selectionStyle="default" accessoryType="disclosureIndicator" indentationWidth="10" textLabel="Yuk-dj-vou" style="IBUITableViewCellStyleDefault" id="5gz-el-11M">
-                                        <rect key="frame" x="0.0" y="158" width="600" height="44"/>
+                                        <rect key="frame" x="0.0" y="99" width="768" height="44"/>
                                         <autoresizingMask key="autoresizingMask"/>
                                         <tableViewCellContentView key="contentView" opaque="NO" clipsSubviews="YES" multipleTouchEnabled="YES" contentMode="center" tableViewCell="5gz-el-11M" id="jlN-Fo-GG5">
-                                            <rect key="frame" x="0.0" y="0.0" width="567" height="43"/>
+                                            <rect key="frame" x="0.0" y="0.0" width="702" height="44"/>
                                             <autoresizingMask key="autoresizingMask"/>
                                             <subviews>
                                                 <label opaque="NO" multipleTouchEnabled="YES" contentMode="left" text="Payroll Summary" textAlignment="natural" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" id="Yuk-dj-vou">
-                                                    <rect key="frame" x="15" y="0.0" width="550" height="43"/>
+                                                    <rect key="frame" x="48" y="0.0" width="654" height="43.5"/>
                                                     <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
                                                     <fontDescription key="fontDescription" type="system" pointSize="16"/>
-                                                    <color key="textColor" red="0.0" green="0.0" blue="0.0" alpha="1" colorSpace="calibratedRGB"/>
+                                                    <color key="textColor" red="0.0" green="0.0" blue="0.0" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
                                                     <nil key="highlightedColor"/>
                                                 </label>
                                             </subviews>
@@ -82,55 +86,55 @@
             <objects>
                 <tableViewController id="1EV-Qd-16X" customClass="RunTimeReportTableViewController" customModule="inSparkle" customModuleProvider="target" sceneMemberID="viewController">
                     <tableView key="view" clipsSubviews="YES" contentMode="scaleToFill" alwaysBounceVertical="YES" dataMode="static" style="grouped" separatorStyle="default" rowHeight="44" sectionHeaderHeight="18" sectionFooterHeight="18" id="gxH-6f-0ER">
-                        <rect key="frame" x="0.0" y="0.0" width="600" height="600"/>
+                        <rect key="frame" x="0.0" y="0.0" width="768" height="1024"/>
                         <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
-                        <color key="backgroundColor" red="0.93725490199999995" green="0.93725490199999995" blue="0.95686274510000002" alpha="1" colorSpace="calibratedRGB"/>
+                        <color key="backgroundColor" red="0.93725490199999995" green="0.93725490199999995" blue="0.95686274510000002" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
                         <sections>
                             <tableViewSection id="C3U-fP-q4i">
                                 <cells>
                                     <tableViewCell clipsSubviews="YES" contentMode="scaleToFill" selectionStyle="default" indentationWidth="10" textLabel="rpu-SW-xxA" detailTextLabel="sJz-Z6-HAO" style="IBUITableViewCellStyleValue1" id="iuj-qy-Hil">
-                                        <rect key="frame" x="0.0" y="99" width="600" height="44"/>
+                                        <rect key="frame" x="0.0" y="35" width="768" height="44"/>
                                         <autoresizingMask key="autoresizingMask"/>
                                         <tableViewCellContentView key="contentView" opaque="NO" clipsSubviews="YES" multipleTouchEnabled="YES" contentMode="center" tableViewCell="iuj-qy-Hil" id="sJN-DE-Cfy">
-                                            <rect key="frame" x="0.0" y="0.0" width="600" height="43"/>
+                                            <rect key="frame" x="0.0" y="0.0" width="768" height="44"/>
                                             <autoresizingMask key="autoresizingMask"/>
                                             <subviews>
                                                 <label opaque="NO" multipleTouchEnabled="YES" contentMode="left" text="Start Date" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" id="rpu-SW-xxA">
-                                                    <rect key="frame" x="15" y="12" width="74" height="20"/>
+                                                    <rect key="frame" x="48" y="12" width="74" height="19.5"/>
                                                     <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
                                                     <fontDescription key="fontDescription" type="system" pointSize="16"/>
-                                                    <color key="textColor" red="0.0" green="0.0" blue="0.0" alpha="1" colorSpace="calibratedRGB"/>
+                                                    <color key="textColor" red="0.0" green="0.0" blue="0.0" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
                                                     <nil key="highlightedColor"/>
                                                 </label>
                                                 <label opaque="NO" multipleTouchEnabled="YES" contentMode="left" text="Detail" textAlignment="right" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" id="sJz-Z6-HAO">
-                                                    <rect key="frame" x="543" y="12" width="42" height="20"/>
+                                                    <rect key="frame" x="678.5" y="12" width="41.5" height="19.5"/>
                                                     <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
                                                     <fontDescription key="fontDescription" type="system" pointSize="16"/>
-                                                    <color key="textColor" red="0.55686274509803924" green="0.55686274509803924" blue="0.57647058823529407" alpha="1" colorSpace="calibratedRGB"/>
+                                                    <color key="textColor" red="0.55686274509803924" green="0.55686274509803924" blue="0.57647058823529407" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
                                                     <nil key="highlightedColor"/>
                                                 </label>
                                             </subviews>
                                         </tableViewCellContentView>
                                     </tableViewCell>
                                     <tableViewCell clipsSubviews="YES" contentMode="scaleToFill" selectionStyle="default" indentationWidth="10" textLabel="De2-OD-kUX" detailTextLabel="m8B-DE-ZmB" style="IBUITableViewCellStyleValue1" id="40A-ff-1i2">
-                                        <rect key="frame" x="0.0" y="143" width="600" height="44"/>
+                                        <rect key="frame" x="0.0" y="79" width="768" height="44"/>
                                         <autoresizingMask key="autoresizingMask"/>
                                         <tableViewCellContentView key="contentView" opaque="NO" clipsSubviews="YES" multipleTouchEnabled="YES" contentMode="center" tableViewCell="40A-ff-1i2" id="wqh-WU-EfQ">
-                                            <rect key="frame" x="0.0" y="0.0" width="600" height="43"/>
+                                            <rect key="frame" x="0.0" y="0.0" width="768" height="43"/>
                                             <autoresizingMask key="autoresizingMask"/>
                                             <subviews>
                                                 <label opaque="NO" multipleTouchEnabled="YES" contentMode="left" text="End Date" textAlignment="natural" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" id="De2-OD-kUX">
-                                                    <rect key="frame" x="15" y="12" width="66" height="20"/>
+                                                    <rect key="frame" x="48" y="12" width="66" height="19.5"/>
                                                     <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
                                                     <fontDescription key="fontDescription" type="system" pointSize="16"/>
-                                                    <color key="textColor" red="0.0" green="0.0" blue="0.0" alpha="1" colorSpace="calibratedRGB"/>
+                                                    <color key="textColor" red="0.0" green="0.0" blue="0.0" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
                                                     <nil key="highlightedColor"/>
                                                 </label>
                                                 <label opaque="NO" multipleTouchEnabled="YES" contentMode="left" text="Detail" textAlignment="right" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" id="m8B-DE-ZmB">
-                                                    <rect key="frame" x="543" y="12" width="42" height="20"/>
+                                                    <rect key="frame" x="678.5" y="12" width="41.5" height="19.5"/>
                                                     <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
                                                     <fontDescription key="fontDescription" type="system" pointSize="16"/>
-                                                    <color key="textColor" red="0.55686274509803924" green="0.55686274509803924" blue="0.57647058823529407" alpha="1" colorSpace="calibratedRGB"/>
+                                                    <color key="textColor" red="0.55686274509803924" green="0.55686274509803924" blue="0.57647058823529407" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
                                                     <nil key="highlightedColor"/>
                                                 </label>
                                             </subviews>
@@ -141,14 +145,14 @@
                             <tableViewSection id="gDf-95-0UP">
                                 <cells>
                                     <tableViewCell clipsSubviews="YES" contentMode="scaleToFill" selectionStyle="default" indentationWidth="10" id="JtR-nU-h4F">
-                                        <rect key="frame" x="0.0" y="223" width="600" height="44"/>
+                                        <rect key="frame" x="0.0" y="159" width="768" height="44"/>
                                         <autoresizingMask key="autoresizingMask"/>
                                         <tableViewCellContentView key="contentView" opaque="NO" clipsSubviews="YES" multipleTouchEnabled="YES" contentMode="center" tableViewCell="JtR-nU-h4F" id="Kez-zC-hqU">
-                                            <rect key="frame" x="0.0" y="0.0" width="600" height="43"/>
+                                            <rect key="frame" x="0.0" y="0.0" width="768" height="43"/>
                                             <autoresizingMask key="autoresizingMask"/>
                                             <subviews>
                                                 <button opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="center" contentVerticalAlignment="center" buttonType="roundedRect" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="zg6-BR-Ger">
-                                                    <rect key="frame" x="0.0" y="0.0" width="600" height="43"/>
+                                                    <rect key="frame" x="0.0" y="0.0" width="768" height="43"/>
                                                     <state key="normal" title="Run Report"/>
                                                     <connections>
                                                         <action selector="runReportButton:" destination="1EV-Qd-16X" eventType="touchUpInside" id="ZXY-MY-uwP"/>
@@ -194,10 +198,10 @@
                         <subviews>
                             <view contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="NDn-Oz-PJg" customClass="CalendarView" customModule="CalendarView">
                                 <rect key="frame" x="0.0" y="40" width="400" height="360"/>
-                                <color key="backgroundColor" white="1" alpha="1" colorSpace="calibratedWhite"/>
+                                <color key="backgroundColor" red="1" green="1" blue="1" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
                             </view>
                         </subviews>
-                        <color key="backgroundColor" white="1" alpha="1" colorSpace="calibratedWhite"/>
+                        <color key="backgroundColor" red="1" green="1" blue="1" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
                         <constraints>
                             <constraint firstItem="NDn-Oz-PJg" firstAttribute="top" secondItem="nUi-JU-xOs" secondAttribute="topMargin" constant="40" id="7T1-LF-Wus"/>
                             <constraint firstAttribute="trailing" secondItem="NDn-Oz-PJg" secondAttribute="trailing" id="DvP-DK-Jj0"/>
@@ -222,15 +226,15 @@
             <objects>
                 <tableViewController id="xeP-hj-yqW" sceneMemberID="viewController">
                     <tableView key="view" clipsSubviews="YES" contentMode="scaleToFill" alwaysBounceVertical="YES" dataMode="prototypes" style="plain" separatorStyle="default" rowHeight="44" sectionHeaderHeight="28" sectionFooterHeight="28" id="xLI-MQ-9MR">
-                        <rect key="frame" x="0.0" y="0.0" width="600" height="600"/>
+                        <rect key="frame" x="0.0" y="0.0" width="768" height="1024"/>
                         <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
-                        <color key="backgroundColor" white="1" alpha="1" colorSpace="calibratedWhite"/>
+                        <color key="backgroundColor" red="1" green="1" blue="1" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
                         <prototypes>
                             <tableViewCell clipsSubviews="YES" contentMode="scaleToFill" selectionStyle="default" indentationWidth="10" id="du1-98-Nt5">
-                                <rect key="frame" x="0.0" y="28" width="600" height="44"/>
+                                <rect key="frame" x="0.0" y="28" width="768" height="44"/>
                                 <autoresizingMask key="autoresizingMask"/>
                                 <tableViewCellContentView key="contentView" opaque="NO" clipsSubviews="YES" multipleTouchEnabled="YES" contentMode="center" tableViewCell="du1-98-Nt5" id="zbk-aA-U0X">
-                                    <rect key="frame" x="0.0" y="0.0" width="600" height="43"/>
+                                    <rect key="frame" x="0.0" y="0.0" width="768" height="43"/>
                                     <autoresizingMask key="autoresizingMask"/>
                                 </tableViewCellContentView>
                             </tableViewCell>
@@ -284,6 +288,64 @@
             </objects>
             <point key="canvasLocation" x="2751" y="1010"/>
         </scene>
+        <!--Payroll Web Preview-->
+        <scene sceneID="eYe-TD-VL5">
+            <objects>
+                <viewController storyboardIdentifier="webPreivew" id="Nrl-vg-k0A" customClass="PayrollWebPreview" customModule="inSparkle" customModuleProvider="target" sceneMemberID="viewController">
+                    <layoutGuides>
+                        <viewControllerLayoutGuide type="top" id="JJa-4j-70n"/>
+                        <viewControllerLayoutGuide type="bottom" id="wx9-pV-Era"/>
+                    </layoutGuides>
+                    <view key="view" contentMode="scaleToFill" id="8gz-4d-MQw">
+                        <rect key="frame" x="0.0" y="0.0" width="768" height="1024"/>
+                        <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
+                        <subviews>
+                            <webView contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="wEh-TC-Mty">
+                                <rect key="frame" x="0.0" y="64" width="768" height="960"/>
+                                <color key="backgroundColor" red="0.36078431370000003" green="0.38823529410000002" blue="0.4039215686" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
+                            </webView>
+                        </subviews>
+                        <color key="backgroundColor" white="1" alpha="1" colorSpace="calibratedWhite"/>
+                        <constraints>
+                            <constraint firstItem="wEh-TC-Mty" firstAttribute="top" secondItem="JJa-4j-70n" secondAttribute="bottom" id="J8V-8h-tOI"/>
+                            <constraint firstItem="wEh-TC-Mty" firstAttribute="bottom" secondItem="wx9-pV-Era" secondAttribute="top" id="MFi-YP-Ai0"/>
+                            <constraint firstAttribute="trailing" secondItem="wEh-TC-Mty" secondAttribute="trailing" id="YTT-ev-Pf5"/>
+                            <constraint firstItem="wEh-TC-Mty" firstAttribute="leading" secondItem="8gz-4d-MQw" secondAttribute="leading" id="fsd-S9-fli"/>
+                        </constraints>
+                    </view>
+                    <navigationItem key="navigationItem" id="Q0i-lX-wdL">
+                        <barButtonItem key="rightBarButtonItem" title="PDF" id="vGI-Ep-FWC">
+                            <connections>
+                                <action selector="pdfButton:" destination="Nrl-vg-k0A" id="LHz-Ux-gYr"/>
+                            </connections>
+                        </barButtonItem>
+                    </navigationItem>
+                    <connections>
+                        <outlet property="webView" destination="wEh-TC-Mty" id="GtQ-AC-voo"/>
+                    </connections>
+                </viewController>
+                <placeholder placeholderIdentifier="IBFirstResponder" id="6CP-Bb-JdI" userLabel="First Responder" sceneMemberID="firstResponder"/>
+            </objects>
+            <point key="canvasLocation" x="3684.375" y="1587.890625"/>
+        </scene>
+        <!--Navigation Controller-->
+        <scene sceneID="bie-4N-T0J">
+            <objects>
+                <navigationController automaticallyAdjustsScrollViewInsets="NO" id="g9a-ke-4Be" sceneMemberID="viewController">
+                    <toolbarItems/>
+                    <navigationBar key="navigationBar" contentMode="scaleToFill" id="zBG-Fo-aKO">
+                        <rect key="frame" x="0.0" y="0.0" width="375" height="44"/>
+                        <autoresizingMask key="autoresizingMask"/>
+                    </navigationBar>
+                    <nil name="viewControllers"/>
+                    <connections>
+                        <segue destination="Nrl-vg-k0A" kind="relationship" relationship="rootViewController" id="kmR-dE-cT5"/>
+                    </connections>
+                </navigationController>
+                <placeholder placeholderIdentifier="IBFirstResponder" id="JsQ-ee-mjm" userLabel="First Responder" sceneMemberID="firstResponder"/>
+            </objects>
+            <point key="canvasLocation" x="2918.75" y="1587.890625"/>
+        </scene>
     </scenes>
     <inferredMetricsTieBreakers>
         <segue reference="BN1-yo-lzx"/>
diff --git a/inSparkle/employeeline.html b/inSparkle/employeeline.html
new file mode 100755
index 0000000..361c9e4
--- /dev/null
+++ b/inSparkle/employeeline.html
@@ -0,0 +1,6 @@
+<tr class="item">
+    <td>#EMPLOYEE#</td>
+    <td style="text-align: center; text-indent: 50px">#STD_HOURS#</td>
+    <td style="text-align: center; text-indent: 50px">#OT_HOURS#</td>
+    <td style="text-align: right">#TTL_HOURS#</td>
+</tr>
diff --git a/inSparkle/payrollreportlogo.png b/inSparkle/payrollreportlogo.png
new file mode 100644
index 0000000..115c44e
Binary files /dev/null and b/inSparkle/payrollreportlogo.png differ
diff --git a/inSparkle/report.html b/inSparkle/report.html
new file mode 100755
index 0000000..fce8c58
--- /dev/null
+++ b/inSparkle/report.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta content="text/html; charset=utf-8" http-equiv="content-type">
+            <title>Sparkle Pools, Inc. Payroll Summary Report</title>
+            <style>
+                .invoice-box{
+                    max-width:800px;
+                    margin:auto;
+                    padding:30px;
+                    /*border:1px solid #eee;*/
+                    /*box-shadow:0 0 10px rgba(0, 0, 0, .15); */
+                    font-size:16px;
+                    line-height:24px;
+                    font-family:'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;
+                    color:#555;
+                }
+            
+            .invoice-box table{
+                width:100%;
+                line-height:inherit;
+                text-align:left;
+            }
+            
+            .invoice-box table td{
+                padding:5px;
+                vertical-align:top;
+            }
+            
+            .invoice-box table tr td:nth-child(2){
+                text-align:right;
+            }
+            
+            .invoice-box table tr.top table td{
+                padding-bottom:20px;
+            }
+            
+            .invoice-box table tr.top table td.title{
+                font-size:45px;
+                line-height:45px;
+                color:#333;
+            }
+            
+            .invoice-box table tr.information table td{
+                padding-bottom:40px;
+            }
+            
+            .invoice-box table tr.heading td{
+                background:#eee;
+                border-bottom:1px solid #ddd;
+                font-weight:bold;
+            }
+            
+            .invoice-box table tr.details td{
+                padding-bottom:20px;
+            }
+            
+            .invoice-box table tr.item td{
+                border-bottom:1px solid #eee;
+            }
+            
+            .invoice-box table tr.item.last td{
+                border-bottom:none;
+            }
+            
+            .invoice-box table tr.total td:nth-child(2){
+                border-top:2px solid #eee;
+                font-weight:bold;
+            }
+            
+            @media only screen and (max-width: 600px) {
+                .invoice-box table tr.top table td{
+                    width:100%;
+                    display:block;
+                    text-align:center;
+                }
+                
+                .invoice-box table tr.information table td{
+                    width:100%;
+                    display:block;
+                    text-align:center;
+                }
+            }
+            </style>
+            </head>
+    <body>
+        <div class="invoice-box">
+            <table cellpadding="0" cellspacing="0">
+                <tbody>
+                    <tr class="top">
+                        <td colspan="4">
+                            <table>
+                                <tbody>
+                                    <tr>
+                                        <td class="title"> <img src="#LOGO_IMAGE#" style="width:100%; max-width:50px; background-color: #cdcdcd">
+                                            </td>
+                                        <td> Pay Period: #PAY_PERIOD_DATES#<br>
+                                            Run Date: #RUN_DATE#<br>
+                                        </td>
+                                    </tr>
+                                </tbody>
+                            </table>
+                        </td>
+                    </tr>
+                    <tr class="heading">
+                        <td> Employee </td>
+                        <td style="text-align: right"> Standard Hours </td>
+                        <td style="text-align: right"> Overtime Hours</td>
+                        <td style="text-align: right"> Total Hours</td>
+                    </tr>
+                    #LINES#              
+                </tbody>
+            </table>
+		</div>
+    </body>
+</html>