Index: /trunk/wtorrent/cls/rtorrent.cls.php
===================================================================
--- /trunk/wtorrent/cls/rtorrent.cls.php	(revision 51)
+++ /trunk/wtorrent/cls/rtorrent.cls.php	(revision 53)
@@ -25,5 +25,6 @@
 	protected $data;
 	
-	private $menu = array('Main' => 'ListT',
+	private $menu = array(
+						'Main' => 'ListT',
 						'Add Torrent' => 'AddT',
 						'Feeds' => 'Feeds',
Index: /trunk/wtorrent/home/tpl/listT.tpl.php
===================================================================
--- /trunk/wtorrent/home/tpl/listT.tpl.php	(revision 39)
+++ /trunk/wtorrent/home/tpl/listT.tpl.php	(revision 53)
@@ -34,11 +34,4 @@
 <script language="javascript" type="text/javascript">
 function postAjax() {
-    /* Render the lateral torrents tabs */
-	var tabsL = document.getElementsByClassName('tabsLeft');
-	for (var i=0; i < tabsL.length; i++) {
-		var tabs = tabsL[i].getElementsByTagName('li');
-		for(var j = 0; j < tabs.length; j++)
-			tabL.render(tabs[j]);
-	}
     /* Render the tips */
     var tips = $$('.torrent');
Index: /trunk/wtorrent/home/tpl/menu.tpl.php
===================================================================
--- /trunk/wtorrent/home/tpl/menu.tpl.php	(revision 11)
+++ /trunk/wtorrent/home/tpl/menu.tpl.php	(revision 53)
@@ -1,10 +1,16 @@
-<div style="height: 25px; text-align: center; font-family: arial; font-size: 12px;">
-{assign var="menu_items" value=$web->getMenu()}
-{assign var="width" value=$web->getWidth($width_total, $menu_items)}
-{foreach item="cls" key="name" from=$menu_items name="menu"}
-	<div class="button" style="border-right: 1px solid #d4d4d4; width: {$width}px;"><a href="{$SRC_INDEX}?cls={$cls}">{$name}</a></div>
-	{if $smarty.foreach.menu.last}
-	<div class="button" style="width: {math equation="x + 1" x=$width}px;"><a href="{$SRC_INDEX}?logout">{$str.logout}</a></div>
-	{/if}
-{/foreach}
+<div id="menu_l">
+	
 </div>
+<div id="menu_c">
+	{assign var="menu_items" value=$web->getMenu()}
+	{assign var="width" value=$web->getWidth($width_total, $menu_items)}
+	{foreach item="cls" key="name" from=$menu_items name="menu"}
+		<a style="width: {$width}px;" href="{$SRC_INDEX}?cls={$cls}"><img src="{$DIR_IMG}menu/{$cls}.png" />{$name}</a>
+		{if $smarty.foreach.menu.last}
+		<a style="width: {math equation="x + 1" x=$width}px;" href="{$SRC_INDEX}?logout"><img src="{$DIR_IMG}menu/disconnect.png" />{$str.logout}</a>
+		{/if}
+	{/foreach}
+</div>
+<div id="menu_r">
+	
+</div>
Index: /trunk/wtorrent/home/tpl/tabsL.tpl.php
===================================================================
--- /trunk/wtorrent/home/tpl/tabsL.tpl.php	(revision 28)
+++ /trunk/wtorrent/home/tpl/tabsL.tpl.php	(revision 53)
@@ -2,7 +2,19 @@
 <ul id="tabsL">
 {if $web->getTplName() eq listT} 
-    	<li><div id="itab{$hash}" class="tabsL"><img src="{$DIR_IMG}information.png" onclick="load('tab{$hash}', 'info');" /></div></li>
-    	<li><div id="ftab{$hash}" class="tabsL"><img src="{$DIR_IMG}folder_explore.png" onclick="load('tab{$hash}', 'files');" /></div></li>
-    	<li><div id="ttab{$hash}" class="tabsL"><img src="{$DIR_IMG}chart_organisation.png"  onclick="load('tab{$hash}', 'trackers');"/></div></li>
+    	<li>
+				<div id="itab{$hash}" class="tabsL info" onclick="load('tab{$hash}', 'info');">
+					 
+				</div>
+			</li>
+    	<li>
+				<div id="ftab{$hash}" class="tabsL files" onclick="load('tab{$hash}', 'files');">
+					
+				</div>
+			</li>
+    	<li>
+				<div id="ttab{$hash}" class="tabsL trackers" onclick="load('tab{$hash}', 'trackers');">
+					
+				</div>
+			</li>
 {/if}
 </ul>
Index: /trunk/wtorrent/home/tpl/messages.tpl.php
===================================================================
--- /trunk/wtorrent/home/tpl/messages.tpl.php	(revision 4)
+++ /trunk/wtorrent/home/tpl/messages.tpl.php	(revision 53)
@@ -1,3 +1,15 @@
-<div class="messages" id="messages"{if $web->getMessages() != ""} style="display: block;"{/if}>
-	{$web->getMessages()}
+<div id="messages_box"{if $web->getMessages() != ""} style="display: block;"{/if}>
+	<div id="messages_t">
+		<div id="close_m">
+			
+		</div>
+	</div>
+	<div id="messages_m">
+		<div id="messages">
+			{$web->getMessages()}
+		</div>
+	</div>
+	<div id="messages_b">
+
+	</div>
 </div>
Index: /trunk/wtorrent/home/tpl/index.tpl.php
===================================================================
--- /trunk/wtorrent/home/tpl/index.tpl.php	(revision 39)
+++ /trunk/wtorrent/home/tpl/index.tpl.php	(revision 53)
@@ -6,66 +6,31 @@
   <title>{$TITLE}</title>
   <script src="{$DIR_JS}" type="text/javascript"></script>
-  <script src="{$DIR_JSHADE}" type="text/javascript"></script>
   <script src="{$DIR_JSPROTO}" type="text/javascript"></script>
   <script src="{$DIR_SCRIPTACULOUS}?load=effects" type="text/javascript"></script>
   <script src="{$DIR_PROTOTIP}" type="text/javascript"></script>
+	<link rel="stylesheet" type="text/css" href="home/css/reset.css" media="all" />
   <link rel="stylesheet" type="text/css" href="{$DIR_CSS_ESTIL}" media="all" />
   {include file="loading.tpl.php" assign="loading"}
   {include file="comm_loading.tpl.php" assign="comm_loading"}
-  {literal}
-  <script language="javascript" type="text/javascript">
-	/* For shadowed Borders*/
-	var tabBorder = RUZEE.ShadedBorder.create({ corner:8, edges:"tlr", border:1, shadow:16});
-    var Bora = RUZEE.ShadedBorder.create({ corner:8, shadow:16, border: 1 });
-    var Main = RUZEE.ShadedBorder.create({ corner:8, shadow:16, border: 1 });
-    var tabL = RUZEE.ShadedBorder.create({ corner:4, edges:"tbl", border:1});
-  
-  var partialIDs = ["tl", "tr", "bl", "br", "tlr", "blr", "tbl", "tbr"];
-  var partialBorders = {};
-  for (var i=0; i<partialIDs.length; ++i) {
-    partialBorders[partialIDs[i]] = RUZEE.ShadedBorder.create({
-        corner:10, border:2, edges:partialIDs[i] });
-  }
-</script>
-{/literal}
-{if $web->registrado()}
-{literal}
-<script type="text/javascript">
-/* Ajax loading using prototype */
-var ifPri = $('principal');
-var ifCont = $('contingut');
-var loading = "{/literal}{$loading|jsOutput}{literal}";
-var loadingCommand = "{/literal}{$comm_loading|jsOutput}{literal}";
-var cont;
-var tab;
-var view = 'public';
-var url = '{/literal}{$SRC_INDEX}{literal}';
-var confirmMsg = "{/literal}{$str.conf_erase}{literal}";
-/*function init () {
-	var tabs = document.getElementsByClassName('tabs');
-	for (var i = 0; i < tabs.length; i++) {
-		$(tabs[i].id).onclick = function () {
-			load('content' , this.id);
-		}
-	}
-	var tabsL = document.getElementsByClassName('tabsL');
-	for (var i = 0; i < tabsL.length; i++) {
-		$(tabsL[i].id).onclick = function () {
-			load(this.id);
-		}
-	}
-}*/
-</script>
-{/literal}
-{/if}
+	{if $web->registrado()}
+		{literal}
+			<script type="text/javascript">
+				/* Ajax loading using prototype */
+				var ifPri = $('principal');
+				var ifCont = $('contingut');
+				var loading = "{/literal}{$loading|jsOutput}{literal}";
+				var loadingCommand = "{/literal}{$comm_loading|jsOutput}{literal}";
+				var cont;
+				var tab;
+				var view = 'public';
+				var url = '{/literal}{$SRC_INDEX}{literal}';
+				var confirmMsg = "{/literal}{$str.conf_erase}{literal}";
+			</script>
+		{/literal}
+	{/if}
 	<link rel="shortcut icon" href="{$DIR_IMG}favicon.ico">
 </head>
 
 <body>
-<div style="width: 900px; height: 100px;position: relative; margin-left: auto; margin-right: auto;">
-	<div style="position: absolute; left: 150px; margin: 0px auto; width: 600px; height: 100px; top: 0px;">
-		<img src="{$DIR_IMG}wLogo.png" />
-	</div>
-</div>
 {if $web->registrado()}
 <div id="menu">
@@ -75,5 +40,4 @@
 {include file="messages.tpl.php"}
 {if $web->registrado()}
-	{include file="tabs.tpl.php"}	
 	{include file="content.tpl.php"}
 {else}
@@ -85,5 +49,5 @@
 {include file="loading.tpl.php"}
 </div>
-<div class="tbBulk" id="loadingCell" style="padding-top: 5px; background-color: #fff; display: none; top: 0; left: 0; height: 26px; text-align: center; position: absolute; z-index: 10;filter:alpha(opacity=0); -moz-opacity:0.0; opacity:0.0; ">
+<div class="tbBulk loadingTab" id="loadingCell" style="display: none; width: 918px;">
 	<img src="{$DIR_IMG}miniloader.gif" alt="loading" />
 </div>
Index: /trunk/wtorrent/home/tpl/login.tpl.php
===================================================================
--- /trunk/wtorrent/home/tpl/login.tpl.php	(revision 4)
+++ /trunk/wtorrent/home/tpl/login.tpl.php	(revision 53)
@@ -1,14 +1,31 @@
-<div id="login">
-        
-	<form action="" method="POST">
-	<div style="height: 20px; width: 100%;"><div style="height: 20px; padding-top: 6px; font-size:12px; width: 80px; float: left; text-align: left;"><b>User:</b></div><div style="float: left;"><input type="text" name="userf" /></div></div><br />
-	<div style="height: 20px; width: 100%;"><div style="height: 20px; padding-top: 6px; font-size: 12px; width: 80px; float: left; text-align: left;"><b>Password:</b></div><div style="float: left;"> <input type="password" name="passwdf" /></div></div><br />
-	<div style="padding-bottom: 10px;"><input type="submit" value="Login" name="user_login" /></div>
-	</form>
+<div id="login_t">
+	
 </div>
-{literal}
-<script language="javascript" type="text/javascript">
-    var Bora = RUZEE.ShadedBorder.create({ corner:8, shadow:16, border: 1 });
-    Bora.render('login');
-</script>
-{/literal}
+<div id="login_m">
+	<div id="login">
+		<form action="" method="POST">
+			<div style="height: 20px; width: 100%;">
+				<div style="height: 20px; padding-top: 6px; font-size:12px; width: 80px; float: left; text-align: left;">
+					<b>User:</b>
+				</div>
+				<div style="float: left;">
+					<input type="text" name="userf" />
+				</div>
+			</div>
+			<br />
+			<div style="height: 20px; width: 100%;">
+				<div style="height: 20px; padding-top: 6px; font-size: 12px; width: 80px; float: left; text-align: left;">
+					<b>Password:</b>
+				</div>
+				<div style="float: left;">
+					<input type="password" name="passwdf" />
+				</div>
+			</div>
+			<br />
+			<div style="padding-bottom: 10px;"><input type="submit" value="Login" name="user_login" /></div>
+		</form>
+	</div>
+</div>
+<div id="login_b">
+	
+</div>
Index: /trunk/wtorrent/home/tpl/content.tpl.php
===================================================================
--- /trunk/wtorrent/home/tpl/content.tpl.php	(revision 28)
+++ /trunk/wtorrent/home/tpl/content.tpl.php	(revision 53)
@@ -1,32 +1,16 @@
-<div id="principal">
+<div id="main_t">
+	{include file="tabs.tpl.php"}	
+</div>
+<div id="main_m">
 	<div id="content">
 		{include file=$web->getTpl()}
 	</div>
-	<div style="width: 100%; height: 10px; clear: both;"></div>
+</div>
+<div id="main_b">
+	
 </div>
 {literal}
 <script language="javascript" type="text/javascript">
-    Bora.render('menu');
-	Main.render('principal');
-	
-	var tabs = $('tabs').getElementsByTagName("li");
-    for (var i=0; i < tabs.length; ++i) {
-      tabBorder.render(tabs[i]);
-    }
-	/*var TabsL = document.getElementsByClassName('tabsLeft');
-    	var numTabsL = TabsL.length;
-    	for(var j=0; j< numTabsL; j++) {
-    		var tabsL = $('tabsL' + j);
-    		var tabs = tabsL.getElementsByTagName("li");
-    		for (var i=0; i < tabs.length; ++i) {
-      		tabL.render(tabs[i]);
-    		}
-    	}  */
-	var tabsL = document.getElementsByClassName('tabsLeft');
-	for (var i=0; i < tabsL.length; i++) {
-		var tabs = tabsL[i].getElementsByTagName('li');
-		for(var j = 0; j < tabs.length; j++)
-			tabL.render(tabs[j]);
-	}
+	$('close_m').onclick = (function (frame) { return function () { $(frame).hide(); } })('messages_box');
 </script>
 {/literal}
Index: /trunk/wtorrent/home/tpl/list/cell.tpl.php
===================================================================
--- /trunk/wtorrent/home/tpl/list/cell.tpl.php	(revision 39)
+++ /trunk/wtorrent/home/tpl/list/cell.tpl.php	(revision 53)
@@ -8,5 +8,5 @@
 	<div id="tbCell" style="cursor: pointer; background-color: #e5edf4; border-top: 0px solid #d4d4d4;{if isset($bg_cell)} background-image: url({$bg_cell});{/if}" onmouseover="style.backgroundColor='#d5e991';" onmouseout="style.backgroundColor='#e5edf4'">	
 		<div id="tbContentCell" style="width: 96px; padding-left: 0px; padding-top: 6px; height: 24px; text-align: left;">
-			<input type="checkbox" id="{$hash}" class="torrent" style="margin-bottom: 5px;" />
+			<input type="checkbox" id="{$hash}" class="torrent" style="margin: 0 0 5px 3px;" />
 			{if $web->getState($hash) eq 0 || $web->getOpen($hash) eq 0}
                 <div style="cursor: pointer; display: inline;">
Index: /trunk/wtorrent/home/tpl/comm_loading.tpl.php
===================================================================
--- /trunk/wtorrent/home/tpl/comm_loading.tpl.php	(revision 4)
+++ /trunk/wtorrent/home/tpl/comm_loading.tpl.php	(revision 53)
@@ -1,3 +1,3 @@
-<div style="text-align: center;">
-<img src="{$DIR_IMG}comm_load.gif" style="margin: 2px auto;" />
+<div style="text-align: center; margin: 0 0 0 -40px;">
+	<img src="{$DIR_IMG}comm_load.gif" style="margin: 0 auto 0 auto;" />
 </div>
Index: /trunk/wtorrent/home/css/estil.css
===================================================================
--- /trunk/wtorrent/home/css/estil.css	(revision 51)
+++ /trunk/wtorrent/home/css/estil.css	(revision 53)
@@ -1,57 +1,11 @@
 body {
-    background-image: url(../img/fons.gif);
-    background-repeat: repeat;
-    text-align: center;
-    min-width: 900px;
-    margin-top: 0px;
+	background: #dfe96d url(../img/bg_body.png) repeat-x top;
+  text-align: center;
+  min-width: 900px;
 }
 img {
 	border: 0px solid #ffffff;
 }
-/* #contingut
-{
-  margin: 5px;
-  margin-top: 0px;
-  width: 890px;
-  background-color: #ffffff;
-  text-align: center;
-  font-family: arial;
-  font-size: 10px;
-
-}*/
-.button {
-	float: left; 
-	padding: 5px 0px;
-	/*background-color: #e5edf4;*/
-}
-.button:hover {
-        /*background-color: #cad9ea;*/
-	font-weight: bold;
-}
-.button a {
-        color: #779804;
-        text-decoration: none;
-}
-.button a:hover{
-	color: #779804;
-        text-decoration: none;
-}
-.buttonD {
-	float: left; 
-	padding: 5px 0px;
-	background-color: #ffffff;
-}
-.buttonD:hover {
-		background-color: #e5edf4;
-}
-.buttonD a {
-        color: #85a5c0;
-        text-decoration: none;
-}
-.buttonD a:hover{
-		color: #779804;
-        text-decoration: none;
-}
-.messages {
+#messages_box {
 	filter:alpha(opacity=60); 
 	-moz-opacity:.60; 
@@ -59,87 +13,161 @@
 	font-family: 'Lucida sans', arial; 
 	font-size: 11px; 
-	text-align: left; 
-	padding: 10px; 
-	margin: 20px auto; 
-	margin-bottom: 0px; 
-	background-color: #EFC5A9; 
-	width: 400px; 
-	border: 1px solid #FF6600;
 	cursor: default;
 	display: none;
-	height: 12px;
-}
-.messages:hover {
+	clear: both;
+}
+#messages {
+	margin: 0 20px 0 20px;
+	width: 100%;
+}
+#messages_t {
+	margin: 20px auto 0 auto;
+	background: transparent url(../img/messages/bg_messages_t.png) no-repeat;
+	width: 474px;
+	height: 32px;
+	clear: both;
+}
+#messages_m {
+	background: transparent url(../img/messages/bg_messages_m.png) repeat-y;
+	width: 474px;
+	clear: both;
+	text-align: left;
+	margin: 0 auto 0 auto;
+}
+#messages_b {
+	background: transparent url(../img/messages/bg_messages_b.png) no-repeat;
+	width: 474px;
+	height: 30px;
+	clear: both;
+	margin: 0 auto 0 auto;
+}
+#messages:hover {
 	filter:alpha(opacity=100); 
 	-moz-opacity:1.0; 
 	opacity:1.0; 
 }
-.buttonT {
-	padding: 2px 0px;
-	background-color: #e5edf4;
-}
-.buttonT:hover {
-        background-color: #cad9ea;
-	font-weight: bold;
-}
-.buttonT a {
-        color: #779804;
-        text-decoration: none;
-}
-.buttonT a:hover{
-	color: #779804;
-        text-decoration: none;
+#close_m {
+	background: transparent url(../img/messages/close_m.png) no-repeat;
+	width: 12px;
+	height: 11px;
+	float: right;
+	clear: both;
+	margin: 12px 15px auto auto;
+	cursor: pointer;
+}
+#close_m:hover {
+	background: transparent url(../img/messages/close_m_h.png) no-repeat;
 }
 /* Shaded DIVS style Login */
 #login { 
-	padding: 20px; 
-	width:300px; 
-	margin: 30px auto; 
+	width: 300px; 
+	margin: 0px auto; 
 	color:#5d5d5d;
 	text-align: center;
-  	font-family: Verdana, Arial;
-  	font-size: 10px;
-}
-#login, #login .sb-inner { 
-	background-color:#fff; 
-}
-#login .sb-border { 
-	background: #d4d4d4; 
-}
-/* Menu shade */
+  font-family: Verdana, Arial;
+  font-size: 10px;
+}
+#login_t {
+	background: transparent url(../img/login/bg_login_t.png) no-repeat;
+	width: 613px;
+	height: 58px;
+	clear:both;
+	margin: 0 auto;
+}
+#login_m {
+	background: transparent url(../img/login/bg_login_m.png) repeat-y;
+	width: 613px;
+	clear: both;
+	margin: 0 auto;
+}
+#login_b {
+	background: transparent url(../img/login/bg_login_b.png) no-repeat;
+	width: 613px;
+	height: 56px;
+	clear: both;
+	margin: 0 auto;
+}
+/* Menu */
 #menu {
-	padding-top: 1px;
-	padding-bottom: 6px;
-	width:600px; 
-	margin: 10px auto;
-	margin-bottom: 30px;
-	color:#5d5d5d;
-	text-align: center;
-  	font-family: Verdana, Arial;
-  	font-size: 10px;
-}
-#menu, #menu .sb-inner { 
-	background-color:#fff; 
-}
-#menu .sb-border { 
-	background: #d4d4d4; 
+	width:678px; 
+	color:#5699d6;
+	text-align: center;
+  font-family: Verdana, Arial;
+  font-size: 12px;
+	margin: 0px auto 0px auto;
+	opacity: 0.8;
+	-moz-opacity: 0.8;
+	filter:alpha(opacity=80);
+	clear: both;
+}
+#menu_l
+{
+	float: left;
+	clear: left;
+	background: transparent url(../img/menu/bg_menu_l.png) no-repeat;
+	height: 56px;
+	width: 39px;
+}
+#menu_c
+{
+	float: left;
+	clear: none;
+	background: transparent url(../img/menu/bg_menu_c.png) repeat-x;
+	height: 56px;
+	width: 600px;
+}
+#menu_r
+{
+	float: left;
+	clear: right;
+	background: transparent url(../img/menu/bg_menu_r.png) no-repeat;
+	height: 56px;
+	width: 39px;
+}
+#menu a {
+	text-decoration: none;
+	color: #5699d6;
+	display: block;
+	clear: none;
+	float: left;
+	padding: 9px 0 0 0;
+	text-align: center;
+}
+#menu a:hover {
+	color: #5699d6;
+}
+#menu a:visited {
+	color: #5699d6;
+}
+#menu img {
+	margin: 0 5px -3px 0;
 }
 /* Main shadow */
-#principal
-{
-	padding: 10px;
-	padding-top: 15px;   
-	margin: 0px auto 10px auto;
-    width: 971px;
-  	background-color: #ffffff;
-  	text-align: center;
-  	font-family: arial;
-  	font-size: 10px;
-}
-#principal, #principal .sb-inner { 
-	background-color:#fff; 
-}
-#principal .sb-border { 
-	background: #d4d4d4; 
+#main_t {
+	background: transparent url(../img/main/bg_main_t.png) no-repeat;
+	width: 1009px;
+	height: 54px;
+	margin: 0 auto 0 auto;
+	clear: both;
+}
+#main_m {
+	background: transparent url(../img/main/bg_main_m.png) repeat-y;
+	width: 1009px;
+	margin: 0 auto 0 auto;
+	clear: both;
+	font-family: arial;
+	font-size: 10px;
+	text-align: center;
+}
+#content {
+	width: 971px;
+	padding: 0 0 0 10px;
+}
+#main_b {
+	background: transparent url(../img/main/bg_main_b.png) no-repeat;
+	width: 1009px;
+	height: 37px;
+	margin: 0 auto 0 auto;
+	clear: both;
 }
 #tbHeadCell {
@@ -204,59 +232,37 @@
 }
 /* The tabs */
-#tabs { 
-	overflow:hidden; 
-	padding:0; 
-	margin:20px auto 0px auto; 
-	width:889px; 
-	color:#444;
-}
-* html #tabs { 
-	height:1%; 
-}
-#tabs li { 
-	float:left; 
-	color:#000; 
+#tabs {
+	width:889px;
+	margin: 0 0 0 30px;
+}
+#tabs li {
 	list-style:none; 
-	margin: 0px 0px 0px 0px;
-	padding: 5px;
-}
-* html #tabs li { 
-	display:inline-block; 
 }
 #tabs li div.tabs { 
 	display:block; 
 	float:left; 
-	text-decoration:none; 
-	padding:5px; 
-	color:#000;
-	font-family: Verdana, Arial;
-  	font-size: 10px;
-  	cursor: pointer;
-}
-#tabs li, #tabs li .sb-inner { 
-	background: #fff; 
-}
-#tabs li:hover, #tabs li:hover .sb-inner { 
-	background-color: #e5edf4; 
-}
-#tabs li .sb-border { 
-	background: #d4d4d4; 
-}
-
+}
+.tabs {
+	background: transparent url(../img/tabs/bg_tab.png) no-repeat;
+	width: 166px;
+	height: 31px;
+	margin: 1px 0 0 0;
+	padding: 13px 0 0 0;
+	text-decoration:none;
+	color: #444;
+  cursor: pointer;
+	font: normal normal bold 10px verdana, arial;
+}
+.tabs:hover {
+	color: #5699d6;
+}
 /* The left Tabs */
 
 #tabsL { 
 	overflow:hidden; 
-	padding: 0px;
-	margin:0px 0px 0px 0px; 
 	width:31px; 
-	color:#444;
-}
-/** html #tabsL { 
-	height:1%; 
-}*/
+}
 #tabsL li { 
 	clear: both;
-	color:#000; 
 	list-style:none; 
 	margin: 0px 0px 5px 0px;
@@ -265,24 +271,21 @@
 	cursor: pointer;
 }
-* html #tabsL li { 
-	display:inline-block; 
-}
 #tabsL li div.tabs { 
 	display:block;
-	text-decoration:none; 
 	padding:3px auto 3px auto; 
-	color:#000;
-	font-family: Verdana, Arial;
-  	font-size: 10px;
-  	cursor: pointer;
-}
-#tabsL li, #tabsL li .sb-inner { 
-	background: #fff; 
-}
-#tabsL li:hover, #tabsL li:hover .sb-inner { 
-	background-color: #e5edf4; 
-}
-#tabsL li .sb-border { 
-	background: #d4d4d4; 
+  cursor: pointer;
+}
+.tabsL {
+	width: 31px;
+	height: 26px;
+}
+.info {
+	background: transparent url(../img/tabsL/info.png) no-repeat;
+}
+.files {
+	background: transparent url(../img/tabsL/files.png) no-repeat;
+}
+.trackers {
+	background: transparent url(../img/tabsL/trackers.png) no-repeat;
 }
 .noTorrents {
@@ -328,5 +331,4 @@
 /* START STYLE (GREEN) */
 .prototip .green {
-	/*width: 150px;*/
 	color: #fff;
 }
@@ -338,14 +340,6 @@
 	padding: 5px;
 }
-/*.prototip .green .content { padding: 5px; }
-.prototip .green .content { 
-	background: #8cdc77;
-	font: 11px Arial, Helvetica, sans-serif;
-	padding: 5px;
-	color: #000;
-}*/
 /* SEEDING STYLE (BLUE) */
 .prototip .blue {
-	/*width: 150px;*/
 	color: #fff;
 }
@@ -357,21 +351,8 @@
 	padding: 5px; 
 }
-/*.prototip .blue .content { padding: 5px; }
-.prototip .blue .content { 
-	background: #8b95f0;
-	font: 11px Arial, Helvetica, sans-serif;
-	padding: 5px;
-}*/
 /* CLOSED STYLE (BLACK) */
 .prototip .black {
-	/*width: 150px;*/
-	color: #fff;
-}
-/*.prototip .black .toolbar {
-	background: #373737;
-	font: italic 14px Verdana, serif;
-	font-weight: bold;
-	color: #fff;
-}*/
+	color: #fff;
+}
 .prototip .black .content { 
 	padding: 5px; 
@@ -379,13 +360,8 @@
 	font: italic 14px Verdana, serif;
 	font-weight: bold;
-	color: #fff; }
-/*.prototip .black .content { 
-	background: #b4b4b4;
-	font: 11px Arial, Helvetica, sans-serif;
-	padding: 5px;
-}*/
+	color: #fff; 
+}
 /* CHECKING HASH STYLE (YELLOW) */
 .prototip .yellow {
-	/*width: 150px;*/
 	color: #fff;
 }
@@ -397,11 +373,4 @@
 	padding: 5px;
 }
-/*.prototip .yellow .content { padding: 5px; }
-.prototip .yellow .content { 
-	background: #e9e89a;
-	font: 11px Arial, Helvetica, sans-serif;
-	padding: 5px;
-	color: #000;
-}*/
 /* RTORRENT MESSAGE STYLE (RED) */
 .prototip .red {
@@ -422,2 +391,15 @@
 	color: #000;
 }
+.loadingTab {
+	padding-top: 5px; 
+	background-color: #fff; 
+	top: 0; 
+	left: 0; 
+	height: 26px; 
+	text-align: center; 
+	position: absolute; 
+	z-index: 10;
+	opacity: 0.6;
+	-moz-opacity: 0.6;
+	filter:alpha(opacity=60);
+}
Index: /trunk/wtorrent/home/css/reset.css
===================================================================
--- /trunk/wtorrent/home/css/reset.css	(revision 53)
+++ /trunk/wtorrent/home/css/reset.css	(revision 53)
@@ -0,0 +1,43 @@
+/* Resetejem els marges del navegador per evitar problemes de compatibilitat */
+body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
+	margin:0;
+	padding:0;
+}
+table {
+	border-collapse:collapse;
+	border-spacing:0;
+}
+fieldset,img { 
+	border:0;
+}
+address,caption,cite,code,dfn,em,strong,th,var {
+	font-style:normal;
+	font-weight:normal;
+}
+ol,ul {
+	list-style:none;
+}
+caption,th {
+	text-align:left;
+}
+h1,h2,h3,h4,h5,h6 {
+	font-size:100%;
+	font-weight:normal;
+}
+q:before,q:after {
+	content:'';
+}
+abbr,acronym { border:0;
+}
+/* Clearfix */
+.clearfix:after {
+	content:".";
+	display:block;
+	height:0;
+	clear:both;
+	visibility:hidden;
+}
+.clearfix {display:inline-block;}
+/* Hide from IE Mac \*/
+.clearfix {display:block;}
+/* End hide from IE Mac */
Index: /trunk/wtorrent/home/js/javasc.js
===================================================================
--- /trunk/wtorrent/home/js/javasc.js	(revision 51)
+++ /trunk/wtorrent/home/js/javasc.js	(revision 53)
@@ -6,9 +6,4 @@
         Effect.toggle('ttab' + hash, 'blind', {duration:0.5});
     }
-    resize();
-}
-/* Resize to make shadedborders render the div again */
-function resize() {
-	Main.render('principal');
 }
 /* Check all elements of the specified class */
@@ -104,15 +99,15 @@
     {
         case 'messages':
-		    $(frame).style.display = "block";
-		    var loadingDiv = loadingCommand;
-            $(frame).innerHTML = loadingDiv;
-            break;
+		    	$(frame + '_box').style.display = "block";
+		    	var loadingDiv = loadingCommand;
+          $(frame).innerHTML = loadingDiv;
+          break;
         case 'content':
-		    var loadingDiv = loading;
-            $(frame).innerHTML = loadingDiv;
-            break;
+		    	var loadingDiv = loading;
+          $(frame).innerHTML = loadingDiv;
+          break;
         default:
-            loadingTab(frame);
-            break;
+          loadingTab(frame);
+          break;
     }
     //contractFrame(frame);
@@ -121,13 +116,13 @@
 {
     contractFrame('t' + frame);
-    var node1 = document.getElementById('node1');
     var overlayCell = $('loadingCell').cloneNode(true);
     var positions = findPos($('i' + frame));
     overlayCell.setAttribute('id', 'l' + frame);
-    overlayCell.style.left = positions[0] + 'px';
+    overlayCell.style.left = (positions[0] + 31) + 'px';
     overlayCell.style.top = positions[1] + 'px';
     document.body.appendChild(overlayCell);
     overlayCell.show();
-    new Effect.Opacity(overlayCell, {duration:0.2, from:0, to:0.6});
+		//overlayCell.setOpacity(0.6);
+    //new Effect.Opacity(overlayCell, {duration:0.2, from:0, to:0.6});
     return;
 }
@@ -138,9 +133,10 @@
     if(frame != "content" && frame != "messages") {
         var onFinish = (function (frame) { return function (obj) { $(frame).remove(); } })('l'+ frame);
-        new Effect.Opacity('l' + frame, {duration:0.2, from:0.6, to:0, afterFinish: onFinish});
-        window.setTimeout("expandFrame('t" + frame + "')", 100);
+        //new Effect.Opacity('l' + frame, {duration:0.2, from:0.6, to:0, afterFinish: onFinish});
+        //$('l' + frame).setOpacity(0);
+				$('l' + frame).remove();
+				window.setTimeout("expandFrame('t" + frame + "')", 100);
     }
 	postAjax();
-	resize();
 }
 function expandFrame(frame) {