diff --git a/static/css/pad_lite.css b/static/css/pad_lite.css
index 6eb3bd22c..e53736e33 100644
--- a/static/css/pad_lite.css
+++ b/static/css/pad_lite.css
@@ -1000,3 +1000,24 @@ position: relative;
   background-position: 2px -49px;
 }
 
+#importstatusball{
+  display:none;
+}
+
+#importarrow{
+  display:none;
+}
+
+#importmessagesuccess{
+  display:none;
+}
+
+#importsubmitinput{
+  height:25px;
+  width:85px;
+  margin-top:12px;
+}
+
+#importstatusball{
+  height:50px;
+}
diff --git a/static/img/leftarrow.png b/static/img/leftarrow.png
new file mode 100644
index 000000000..1bec12882
Binary files /dev/null and b/static/img/leftarrow.png differ
diff --git a/static/img/loading.gif b/static/img/loading.gif
new file mode 100644
index 000000000..bb42be591
Binary files /dev/null and b/static/img/loading.gif differ
diff --git a/static/pad.html b/static/pad.html
index 314426664..5e0220cd9 100644
--- a/static/pad.html
+++ b/static/pad.html
@@ -205,21 +205,36 @@ We removed this feature cause its not worth the space it needs in the editbar
 
 <!-- import export code -->
 <div id="importexport">
+
 <div id="import">
   Import from text file, HTML, Word, or RTF:<br/><br/>
-  <input id="choosefile" name="choosefile" type="file">
-<!--  <div id="fileselected">No file Chosen</div><br/> -->
-  <input type="submit" class="impexpbutton" id="importit" value="Import now">
+  <form id="importform" method="post" action="import" target="imporiframe" enctype="multipart/form-data">
+    <div class="importformdiv" id="importformfilediv"> 
+      <input type="file" name="file" size="20" id="importfileinput" /> 
+      <div class="importmessage" id="importmessagefail"></div> 
+    </div> 
+  <div class="importmessage" id="importmessagesuccess">Successful!</div> 
+  <div class="importformdiv" id="importformsubmitdiv"> 
+    <input type="hidden" name="padId" value="blpmaXT35R" /> 
+    <span class="nowrap"> 
+      <input type="submit" name="submit" value="Import Now" disabled="disabled" id="importsubmitinput" /> 
+      <img alt="" id="importstatusball" src="/static/img/loading.gif" align="top" /> 
+      <img alt="" id="importarrow" src="/static/img/leftarrow.png" align="top" /> 
+    </span> 
+  </div> 
+</form> 
 </div>
+
 <div id="importexportline"></div>
+
 <div id="export">
   Export current pad as:
-  <a id="exporthtmla" class="exportlink"><div class="exporttype" id="exporthtml">HTML</div></a>
-  <a id="exportplaina" class="exportlink"><div class="exporttype" id="exportplain">Plain text</div></a>
-  <a id="exportworda" class="exportlink"><div class="exporttype" id="exportword">Microsoft Word</div></a>
-  <a id="exportpdfa" class="exportlink"><div class="exporttype" id="exportpdf">PDF</div></a>
-  <a id="exportopena" class="exportlink"><div class="exporttype" id="exportopen">OpenDocument</div></a>
-  <a id="exportwordlea" class="exportlink"><div class="exporttype" id="exportwordle">Wordle</div></a>
+  <a id="exporthtmla" target="_blank" class="exportlink"><div class="exporttype" id="exporthtml">HTML</div></a>
+  <a id="exportplaina" target="_blank" class="exportlink"><div class="exporttype" id="exportplain">Plain text</div></a>
+  <a id="exportworda" target="_blank" class="exportlink"><div class="exporttype" id="exportword">Microsoft Word</div></a>
+  <a id="exportpdfa" target="_blank" class="exportlink"><div class="exporttype" id="exportpdf">PDF</div></a>
+  <a id="exportopena" target="_blank" class="exportlink"><div class="exporttype" id="exportopen">OpenDocument</div></a>
+  <a id="exportwordlea" target="_blank" class="exportlink"><div class="exporttype" id="exportwordle">Wordle</div></a>
 </div>
 </div>