diff --git a/editor/svg-editor.css b/editor/svg-editor.css
index 97bf1601..e040e0ee 100644
--- a/editor/svg-editor.css
+++ b/editor/svg-editor.css
@@ -58,7 +58,7 @@ body {
 
 #svg_editor div#workarea {
 	position:absolute;
-	top: 70px;
+	top: 75px;
 	left: 40px;
 	right: 2px;
 	bottom: 60px;
@@ -91,7 +91,7 @@ body {
 	left: 38px;
 	right: 2px;
 	top: 2px;
-	height: 68px;
+	height: 75px;
 	border-bottom: none;
 }
 
@@ -103,7 +103,7 @@ body {
 	position: absolute;
 	border-right: none;
 	width: 36px;
-	top: 68px;
+	top: 75px;
 	left: 2px;
 }
 
@@ -348,6 +348,20 @@ div.color_block {
 	margin: 5px 20px 0 0;	
 }
 
+#svg_docprops {
+	display: none;
+}
+
+#svg_docprops #svg_docprops_overlay {
+	position: absolute;
+	top: 0px;
+	right: 0px;
+	left: 0px;
+	bottom: 0px;
+	background-color: black;
+	opacity: 0.6;
+}
+
 #tool_source_save {
 	background: #E8E8E8 url(images/save.png) no-repeat 2px 2px;
 }
diff --git a/editor/svg-editor.html b/editor/svg-editor.html
index 6c660665..58634317 100644
--- a/editor/svg-editor.html
+++ b/editor/svg-editor.html
@@ -40,9 +40,9 @@
 </div>
 
 <div id="tools_top" class="tools_panel">
+	
 	<!-- File-like buttons: New, Save, Source -->
-	<div>
-		<img class="tool_sep" src="images/sep.png" alt="|"/>
+	<div id="file_panel">
 		<img class="tool_button" id="tool_clear" src="images/clear.png" title="New Image [N]" alt="Clear" />
 		<img style="display:none" class="tool_button" id="tool_open" src="images/open.png" title="Open Image [O]" alt="Open"/>
 		<img class="tool_button" id="tool_save" src="images/save.png" title="Save Image [S]" alt="Save"/>
@@ -315,5 +315,10 @@
 	</div>
 </div>
 
+<div id="svg_docprops">
+	<div id="svg_docprops_overlay"></div>
+	<div id="svg_docprops_container"></div>
+</div>
+
 </body>
 </html>