4 files changed, 33 insertions, 11 deletions
diff --git a/themes/minimal/images/close.png b/themes/minimal/images/close.png
new file mode 100644
index 0000000000..df3c07efee
--- /dev/null
+++ b/themes/minimal/images/close.png
diff --git a/themes/minimal/images/open.png b/themes/minimal/images/open.png
new file mode 100644
index 0000000000..5e3fffefbb
--- /dev/null
+++ b/themes/minimal/images/open.png
diff --git a/themes/minimal/jquery/jquery-ui_theme.css b/themes/minimal/jquery/jquery-ui_theme.css
index c4c2b7ed6d..7edd3df2c6 100644
--- a/themes/minimal/jquery/jquery-ui_theme.css
+++ b/themes/minimal/jquery/jquery-ui_theme.css
@@ -19,37 +19,59 @@
 
 /* ------- Sidebar ------- */
 #sidebar {
+	position: absolute;
+	right: 0px;
+	width: 0px;
+	z-index: 50;
 	margin-left:0px;
-	margin-top: 9px;
+	margin-top: 4px;
 	margin-right: 19px;
 	background-color: #dddddd;
 }
 #sidebar_controls {
-	height: 22px;
+	position: absolute;
+	left: -20px;
+	top: 2px;
+	margin: 0;
+	height: 18px; 
+	width: 20px;
+	z-index: 10;
+	border: none;
+	background-color: transparent;
+}
+#sidebar_open {
+	padding: 0;
 }
 #sidebar_open img {
+	position: absolute;
 	padding-top: 3px;
 	padding-bottom: 3px;
 	margin-left: 0px;
+	height: 18px;
+	width: 20px;
+	background-color: transparent;
 }
+
 #sidebar_pin {
-	/* display: none; */
+	position: absolute;
+	top: -22px;
 	padding-top: 3px;
-	background: #ffffff; 
+	margin-left: 225px;
+	background: transparent; 
 }
 #sidebar_pin img {
-	padding-right: 0px;
-	padding-left: 0px;
-	width: 14px;
+	margin-top: -55px;
+	padding-right: 2px;
+	padding-left: 2px;
 }
 
-
 /* Navigator & Flyout menu Styles --------*/
 .nam a:hover{
 color:black;
 }
 .nav_content {
-	width:240px;
+	width: 235px;
+	margin-left: -25px;
 	background:#efefef;
 	padding-left:5px;
 	padding-right:5px;
diff --git a/themes/minimal/theme.php b/themes/minimal/theme.php
index 158c9656dd..4aef8db4d1 100644
--- a/themes/minimal/theme.php
+++ b/themes/minimal/theme.php
@@ -147,8 +147,8 @@ $WT_IMAGES["pin-in"]["other"] = "pin-in.png";
 $WT_IMAGES["default_image_M"]["other"] = "silhouette_male.gif";
 $WT_IMAGES["default_image_F"]["other"] = "silhouette_female.gif";
 $WT_IMAGES["default_image_U"]["other"] = "silhouette_unknown.gif";
-$WT_IMAGES['slide_open']['other'] = "ldarrow.gif";
-$WT_IMAGES['slide_close']['other'] = "rdarrow.gif";
+$WT_IMAGES['slide_open']['other'] = "open.png";
+$WT_IMAGES['slide_close']['other'] = "close.png";
 
 // - lifespan chart arrows
 $WT_IMAGES["lsltarrow"]["other"] = "lsltarrow.gif";