diff --git a/src/Icons/skin/tabs.gif b/src/Icons/skin/tabs.gif
new file mode 100644
index 000000000..c8b5b0c64
Binary files /dev/null and b/src/Icons/skin/tabs.gif differ
diff --git a/src/icons.qrc b/src/icons.qrc
index 98c0bdc54..1fff315fe 100644
--- a/src/icons.qrc
+++ b/src/icons.qrc
@@ -102,6 +102,7 @@
   <file>Icons/skin/seeding.png</file>
   <file>Icons/skin/settings.png</file>
   <file>Icons/skin/stalled.png</file>
+  <file>Icons/skin/tabs.gif</file>
   <file>Icons/skin/url.png</file>
 </qresource>
 </RCC>
\ No newline at end of file
diff --git a/src/update_qrc_files.py b/src/update_qrc_files.py
index 974feae50..fe6fae412 100755
--- a/src/update_qrc_files.py
+++ b/src/update_qrc_files.py
@@ -71,7 +71,7 @@ for root, dirs, files in os.walk('Icons'):
   if 'skin_unused' in dirs:
     dirs.remove('skin_unused')
   for file in files:
-    if splitext(file)[-1] in ('.png', '.jpg'):
+    if splitext(file)[-1] in ('.png', '.jpg', '.gif'):
       icons_list.append(join(root, file))
 
 output = '''<!DOCTYPE RCC><RCC version="1.0">
diff --git a/src/webui/css/mootabs1.2.css b/src/webui/css/mootabs1.2.css
index 4abf3f59f..51bf719c3 100644
--- a/src/webui/css/mootabs1.2.css
+++ b/src/webui/css/mootabs1.2.css
@@ -1,24 +1,51 @@
 
+.toolbarTabs {	
+	padding: 0 5px 2px 2px;
+	background: url(../images/skin/tabs.gif) repeat-x;
+	background-position: left -70px;
+	overflow: visible;
+}
+
 .mootabs_title {
-	list-style-image: none;
-	list-style-type: none;
-	margin: 0px;
-	padding: 0px;
-	height: 24px;
+  padding-top: 1px;
+	list-style:	none;
+	margin: 0;
+	padding: 0;
+	line-height: 16px;
+	font-size: 11px;
 }
 
 .mootabs_title li {
+	display: block;
 	float: left;
-	background-color: #ddd;
-	padding: 2px 8px 2px 8px;
-	margin-right: 2px;
-	cursor: pointer;
-	height: 24px;
+	margin:	0 0 5px 0;
+	cursor: pointer;	
+	background: url(../images/skin/tabs.gif) repeat-x;
+	background-position: left -35px;
 	
 }
 
 .mootabs_title li.active {
-	background-color: #f1f1f1;
+	background: url(../images/skin/tabs.gif) repeat-x;
+	background-position: left 0;
+}
+
+.mootabs_title li a {
+	display: block;
+	margin-left: 8px;
+	padding: 6px 16px 5px 10px;
+	text-align: center;
+	font-weight: normal;
+	color: #141414;
+	background: url(../images/skin/tabs.gif) repeat-x;
+	background-position: right -35px;	
+}
+
+.mootabs_title li.active a {
+	color: #141414;
+	font-weight: bold;	
+	background: url(../images/skin/tabs.gif) repeat-x;
+	background-position: right 0;
 }
 
 .mootabs_panel {
diff --git a/src/webui/index.html b/src/webui/index.html
index 72bd04abf..207e04097 100644
--- a/src/webui/index.html
+++ b/src/webui/index.html
@@ -65,10 +65,10 @@
 			</div>
 		</div>
 								
-		<div id="myTabs">
+		<div id="myTabs" class="toolbarTabs">
 			<ul class="mootabs_title">
-				<li title="Tab1">Downloads</li>
-				<li title="Tab2">Uploads</li>
+				<li title="Tab1"><a>Downloads</a></li>
+				<li title="Tab2"><a>Uploads</a></li>
 			</ul>
 						<div id="mochaPageWrapper">
 					<div id="mochaPage">