From 568a6bd1191ec628991d12c168cb271602e8dc94 Mon Sep 17 00:00:00 2001
From: Jordan Lee <jordan@transmissionbt.com>
Date: Sun, 23 Oct 2011 17:10:44 +0000
Subject: [PATCH] (trunk web) convert the inspector tab & bottom bar's buttons
 to use the same css as the inspector's file priority buttons. This is a work
 in progress & is being checked in for apple testing

---
 web/index.html                                |   48 +-
 web/javascript/inspector.js                   |   15 +-
 web/javascript/transmission.js                |   13 +-
 web/style/transmission/common.css             | 2357 +++++++++--------
 web/style/transmission/common.scss            | 1246 +++++++++
 web/style/transmission/images/Makefile.am     |   11 +-
 web/style/transmission/images/blue-turtle.png |  Bin 3009 -> 294 bytes
 .../transmission/images/buttons/Makefile.am   |    7 -
 .../images/buttons/tab_backgrounds.png        |  Bin 369 -> 0 bytes
 .../buttons/tab_backgrounds_highlight.png     |  Bin 553 -> 0 bytes
 web/style/transmission/images/chrome.png      |  Bin 6624 -> 0 bytes
 web/style/transmission/images/filter_bar.png  |  Bin 942 -> 941 bytes
 ...fo_activity.png => inspector-activity.png} |  Bin
 .../info_files.png => inspector-files.png}    |  Bin
 .../info_general.png => inspector-info.png}   |  Bin
 .../info_peers.png => inspector-peers.png}    |  Bin
 ...fo_trackers.png => inspector-trackers.png} |  Bin
 web/style/transmission/images/logo.png        |  Bin 5875 -> 5855 bytes
 web/style/transmission/images/settings.png    |  Bin 0 -> 319 bytes
 web/style/transmission/images/turtle.png      |  Bin 0 -> 2869 bytes
 web/style/transmission/images/wrench.png      |  Bin 0 -> 337 bytes
 web/style/transmission/mobile.css             | 1814 +++++++------
 web/style/transmission/mobile.scss            | 1057 ++++++++
 23 files changed, 4532 insertions(+), 2036 deletions(-)
 create mode 100644 web/style/transmission/common.scss
 delete mode 100644 web/style/transmission/images/buttons/tab_backgrounds.png
 delete mode 100644 web/style/transmission/images/buttons/tab_backgrounds_highlight.png
 delete mode 100644 web/style/transmission/images/chrome.png
 rename web/style/transmission/images/{buttons/info_activity.png => inspector-activity.png} (100%)
 rename web/style/transmission/images/{buttons/info_files.png => inspector-files.png} (100%)
 rename web/style/transmission/images/{buttons/info_general.png => inspector-info.png} (100%)
 rename web/style/transmission/images/{buttons/info_peers.png => inspector-peers.png} (100%)
 rename web/style/transmission/images/{buttons/info_trackers.png => inspector-trackers.png} (100%)
 create mode 100644 web/style/transmission/images/settings.png
 create mode 100644 web/style/transmission/images/turtle.png
 create mode 100644 web/style/transmission/images/wrench.png
 create mode 100644 web/style/transmission/mobile.scss

diff --git a/web/index.html b/web/index.html
index f7c87ad6d..51efb0f13 100755
--- a/web/index.html
+++ b/web/index.html
@@ -12,7 +12,7 @@
 		<script type="text/javascript" src="./javascript/jquery/jqueryui-1.8.16.min.js"></script>
 		<link rel="stylesheet" href="./style/jqueryui/jqueryui-1.8.16.css" type="text/css" media="all" />
 <!--
-		<link media="screen" href="./stylesheets/mobile.css" type= "text/css" rel="stylesheet" />
+		<link media="screen" href="./style/transmission/mobile.css" type= "text/css" rel="stylesheet" />
 -->
 		<link media="only screen and (max-device-width: 480px)" href="./style/transmission/mobile.css" type= "text/css" rel="stylesheet" />
 		<link media="screen and (min-device-width: 481px)" href="./style/transmission/common.css" type="text/css" rel="stylesheet" />
@@ -176,22 +176,20 @@
 
 		<div id="torrent_inspector" style="display:none;">
 
-			<div style="display:none;" class="inspector_close" id="inspector_close"></div>
+			<div id="inspector-close"></div>
 
-			<div id="inspector_tabs">
-				<div class="inspector_tab selected" id="inspector_tab_info"><div id="inspector-tab-label-info"></div><a href="#info"></a></div>
-				<div class="inspector_tab" id="inspector_tab_activity"><div id="inspector-tab-label-activity"></div><a href="#activity"></a></div>
-				<div class="inspector_tab" id="inspector_tab_peers"><div id="inspector-tab-label-peers"></div><a href="#peers"></a></div>
-				<div class="inspector_tab" id="inspector_tab_trackers"><div id="inspector-tab-label-trackers"></div><a href="#trackers"></a></div>
-				<div class="inspector_tab" id="inspector_tab_files"><div id="inspector-tab-label-files"></div><a href="#files"></a></div>
-			</div>
+			<div id="inspector-tabs-wrapper">
+			<div id="inspector-tabs">
+				<div class="inspector-tab selected" id="inspector-tab-info" title="Info"><a href="#info"></a></div><div class="inspector-tab" id="inspector-tab-activity" title="Activity"><a href="#activity"></a></div><div class="inspector-tab" id="inspector-tab-peers" title="Peers"><a href="#peers"></a></div><div class="inspector-tab" id="inspector-tab-trackers" title="Trackers"><a href="#trackers"></a></div><div class="inspector-tab" id="inspector-tab-files" title="Files"><a href="#files"></a></div>
+			</div><!-- inspector-tabs -->
+			</div><!-- inspector-tabs-wrapper -->
 
 			<div id="inspector_header">
-				<h1 id="torrent_inspector_name"></h1>
+				<div id="torrent_inspector_name"></div>
 				<span id="torrent_inspector_size"></span>
 			</div>
 
-			<div class="inspector_container" id="inspector_tab_info_container">
+			<div class="inspector-page" id="inspector-page-info">
 				<div class="inspector_group">
 					<div class="inspector_group_label">Information</div>
 					<div class="inspector_row">
@@ -233,7 +231,7 @@
 				</div><!-- class="inspector_group"-->
 			</div><!-- id="inspector_tab_info_container" -->
 
-			<div style="display:none;" class="inspector_container" id="inspector_tab_activity_container">
+			<div style="display:none;" class="inspector-page" id="inspector-page-activity">
 
 				<div class="inspector_group">
 					<div class="inspector_group_label">Activity</div>
@@ -292,23 +290,25 @@
 				</div><!-- class="inspector_group"-->
 			</div><!-- id="inspector_tab_activity_container" -->
 
-			<div style="display:none;" class="inspector_container" id="inspector_tab_peers_container">
+			<div style="display:none;" class="inspector-page" id="inspector-page-peers">
 				<div id="inspector_peers_list">
 				</div>
 			</div><!-- id="inspector_tab_peers_container" -->
 
-			<div style="display:none;" class="inspector_container" id="inspector_tab_trackers_container">
+			<div style="display:none;" class="inspector-page" id="inspector-page-trackers">
 				<div id="inspector_trackers_list">
 				</div>
 			</div><!-- id="inspector_tab_trackers_container" -->
 
-			<div style="display:none;" class="inspector_container" id="inspector_tab_files_container">
-				<div id="select_all_button_container">
-					<div id="files_deselect_all" class="select_all_button">Deselect All</div>
-					<div id="files_select_all" class="select_all_button">Select All</div>
+			<div style="display:none;" class="inspector-page" id="inspector-page-files">
+				<div class="inspector_group">
+					<div id="select_all_button_container">
+						<div id="files_deselect_all" class="select_all_button">Deselect All</div>
+						<div id="files_select_all" class="select_all_button">Select All</div>
+					</div>
+					<ul id="inspector_file_list">
+					</ul>
 				</div>
-				<ul id="inspector_file_list">
-				</ul>
 			</div><!-- id="inspector_tab_files_container" -->
 
 		</div>
@@ -375,7 +375,7 @@
 		</div>
 
 		<div class="torrent_footer">
-			<ul id="settings_menu">
+			<ul id="settings_menu" title="Settings Menu">
 				<li id="button">&nbsp;
 					<ul id="footer_super_menu">
 						<li id="about-button">About</li>
@@ -443,9 +443,9 @@
 					</ul>
 				</li>
 			</ul>
-			<div id="turtle-button">&nbsp;</div>
-			<div id="compact-button">&nbsp;</div>
-			<div id="prefs-button">&nbsp;</div>
+			<div id="turtle-button" title="Alternative Speed Limits">&nbsp;</div>
+			<div id="compact-button" title="Compact View">&nbsp;</div>
+			<div id="prefs-button" title="Edit Preferences...">&nbsp;</div>
 		</div>
 
 		<div class="contextMenu" id="torrent_context_menu">
diff --git a/web/javascript/inspector.js b/web/javascript/inspector.js
index 3877533ef..05d3a5bfc 100644
--- a/web/javascript/inspector.js
+++ b/web/javascript/inspector.js
@@ -48,7 +48,8 @@ function Inspector(controller) {
         $(tab).addClass('selected').siblings().removeClass('selected');
 
         // show this tab and hide the others
-        $('#'+tab.id+'_container').show().siblings('.inspector_container').hide();
+        console.log('#' + tab.id.replace('tab','page'));
+        $('#' + tab.id.replace('tab','page')).show().siblings('.inspector-page').hide();
 
         updateInspector();
     },
@@ -459,15 +460,15 @@ function Inspector(controller) {
 
         data.controller = controller;
 
-        $('.inspector_tab').click(onTabClicked);
+        $('.inspector-tab').click(onTabClicked);
         $('#files_select_all').click(filesSelectAllClicked);
         $('#files_deselect_all').click(filesDeselectAllClicked);
 
-        data.elements.info_page      = $('#inspector_tab_info_container')[0];
-        data.elements.files_page     = $('#inspector_tab_files_container')[0];
-        data.elements.peers_page     = $('#inspector_tab_peers_container')[0];
-        data.elements.trackers_page  = $('#inspector_tab_trackers_container')[0];
-        data.elements.activity_page  = $('#inspector_tab_activity_container')[0];
+        data.elements.info_page      = $('#inspector-page-info')[0];
+        data.elements.files_page     = $('#inspector-page-files')[0];
+        data.elements.peers_page     = $('#inspector-page-peers')[0];
+        data.elements.trackers_page  = $('#inspector-page-trackers')[0];
+        data.elements.activity_page  = $('#inspector-page-activity')[0];
 
         data.elements.file_list      = $('#inspector_file_list')[0];
         data.elements.peers_list     = $('#inspector_peers_list')[0];
diff --git a/web/javascript/transmission.js b/web/javascript/transmission.js
index fb9b8ea29..6bc49b86b 100644
--- a/web/javascript/transmission.js
+++ b/web/javascript/transmission.js
@@ -62,9 +62,9 @@ Transmission.prototype =
 
 		$('#torrent_upload_form').submit(function() { $('#upload_confirm_button').click(); return false; });
 
-		if (isMobileDevice) {
-			$('#inspector_close').click($.proxy(this.toggleInspector,this));
-		} else {
+		$('#inspector-close').click($.proxy(this.toggleInspector,this));
+
+		if (!isMobileDevice) {
 			$(document).bind('keydown', $.proxy(this.keyDown,this) );
 			$(document).bind('keyup', $.proxy(this.keyUp, this) );
 			$('#torrent_container').click( $.proxy(this.deselectAll,this) );
@@ -548,7 +548,7 @@ Transmission.prototype =
 	toggleTurtleClicked: function()
 	{
 		var o = {};
-		o[RPC._TurtleState] = !$('#turtle-button').hasClass('enabled');
+		o[RPC._TurtleState] = !$('#turtle-button').hasClass('selected');
 		this.remote.savePrefs(o);
 	},
 
@@ -1025,7 +1025,7 @@ Transmission.prototype =
 			         ' up,',
 			         fmt.speed(o[RPC._TurtleDownSpeedLimit]),
 			         ' down)' ].join('');
-			e.toggleClass('enabled', b);
+			e.toggleClass('selected', b);
 			e.attr('title', text);
 		}
 
@@ -1147,7 +1147,6 @@ Transmission.prototype =
 		$('#torrent_inspector').toggle(visible);
 		if (isMobileDevice) {
 			$('body').toggleClass('inspector_showing',visible);
-			$('#inspector_close').toggle(visible);
 			this.hideMobileAddressbar();
 		} else {
 			var w = visible ? $('#torrent_inspector').outerWidth() + 1 + 'px' : '0px';
@@ -1580,7 +1579,7 @@ Transmission.prototype =
 		var compact = this[Prefs._CompactDisplayState];
 
 		// update the ui: footer button
-		$("#compact-button").toggleClass('enabled',compact);
+		$("#compact-button").toggleClass('selected',compact);
 
 		// update the ui: torrent list
 		this.torrentRenderer = compact ? new TorrentRendererCompact()
diff --git a/web/style/transmission/common.css b/web/style/transmission/common.css
index 2cf6014b5..f49e539c3 100644
--- a/web/style/transmission/common.css
+++ b/web/style/transmission/common.css
@@ -3,367 +3,289 @@
  * G L O B A L
  *
  *--------------------------------------*/
-
 html {
-	margin: 0;
-/* setting border: 0 hoses ie6 win window inner well border */
-	padding: 0;
-	height: 100%;
-}
+  margin: 0;
+  /* setting border: 0 hoses ie6 win window inner well border */
+  padding: 0;
+  height: 100%; }
 
 body {
-	font: 62.5% "lucida grande", Tahoma, Verdana, Arial, Helvetica, sans-serif; /* Resets 1em to 10px */
-	color: #222;/* !important; */
-	background: #FFF;
-	text-align: center;
-	margin: 0 0 30px;
-	overflow: hidden;
-}
+  font: 62.5% "lucida grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
+  /* Resets 1em to 10px */
+  color: #222;
+  /* !important; */
+  background: #FFF;
+  text-align: center;
+  margin: 0 0 30px;
+  overflow: hidden; }
 
 img {
-	border: none;
-}
+  border: none; }
 
 a {
-	outline: 0;
-}
+  outline: 0; }
 
 #toolbar,
 #statusbar,
 .torrent_footer {
-	background-color: #B9B9B9; /* fallback color if gradients are not supported */
-	background-image: -webkit-gradient(linear, left top, left bottom, from(#C9C9C9), to(#A7A7A7)); 
-	background-image: -webkit-linear-gradient(top, #C9C9C9, #A7A7A7); 
-	background-image:    -moz-linear-gradient(top, #C9C9C9, #A7A7A7); 
-	background-image:     -ms-linear-gradient(top, #C9C9C9, #A7A7A7); 
-	background-image:      -o-linear-gradient(top, #C9C9C9, #A7A7A7); 
-	background-image:         linear-gradient(top, #C9C9C9, #A7A7A7); /* standard, but currently unimplemented */
-}
+  background-color: #d4d4d4;
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#bbbbbb));
+  background-image: -webkit-linear-gradient(top, #eeeeee, #bbbbbb);
+  background-image: -moz-linear-gradient(top, #eeeeee, #bbbbbb);
+  background-image: -ms-linear-gradient(top, #eeeeee, #bbbbbb);
+  background-image: -o-linear-gradient(top, #eeeeee, #bbbbbb);
+  background-image: linear-gradient(top, #eeeeee, #bbbbbb); }
 
 /***
 ****
 ****  ABOUT DIALOG
 ****
 ***/
-
 #about-dialog > * {
-	text-align: center;
-}
+  text-align: center; }
+
 #about-dialog > #about-logo {
-	background: transparent url('images/logo.png') top left no-repeat;
-	width: 64px;
-	height: 64px;
-	margin-left: 100px;
-}
+  background: transparent url("images/logo.png") top left no-repeat;
+  width: 64px;
+  height: 64px;
+  margin-left: 100px; }
+
 #about-dialog > #about-title {
-	font-size: 1.3em;
-	font-weight: bold;
-}
+  font-size: 1.3em;
+  font-weight: bold; }
 
 /***
 ****
 ****  TOOLBAR
 ****
 ***/
-
 #toolbar {
-	width: 100%;
-	height: 75px;
-	margin: 0;
-	border: 1px outset #AEBBCB;
-	overflow: hidden;
-	-moz-user-select: none;
-	-webkit-user-select: none;
-}
-
-#toolbar ul {
-	height: 50px;
-	margin: 0;
-	padding: 0 7px;
-	text-align: center;
-}
-
-#toolbar ul li {
-	list-style-type: none;
-	list-style-image: none;
-	float: left;
-	margin: 13px 0 0 0;
-	height: 50px;
-	padding: 0 8px;
-	cursor: pointer;
-}
-
-#toolbar #inspector {
-	float: right;
-}
-
-#toolbar ul li > div {
-	text-shadow: 0 1px 0 #ccc;
-	min-width: 32px;
-}
-
-#toolbar ul li div.toolbar_image {
-	width: 32px;
-	height: 32px;
-	margin: 0 auto 5px;
-	background-image: url('images/buttons/toolbar_buttons.png');
-}
-
-/* toolbar images */
-li#open            div        div.toolbar_image { background-position: left     0px; }
-li#open            div:active div.toolbar_image { background-position: right    0px; }
-li#remove          div        div.toolbar_image { background-position: left   -32px; }
-li#remove          div:active div.toolbar_image { background-position: right  -32px; }
-li#resume_selected div        div.toolbar_image { background-position: left   -96px; }
-li#resume_selected div:active div.toolbar_image { background-position: right  -96px; }
-li#pause_selected  div        div.toolbar_image { background-position: left   -64px; }
-li#pause_selected  div:active div.toolbar_image { background-position: right  -64px; }
-li#pause_all       div        div.toolbar_image { background-position: left  -128px; }
-li#pause_all       div:active div.toolbar_image { background-position: right -128px; }
-li#resume_all      div        div.toolbar_image { background-position: left  -160px; }
-li#resume_all      div:active div.toolbar_image { background-position: right -160px; }
-li#filter          div        div.toolbar_image { background-position: left  -192px; }
-li#filter          div:active div.toolbar_image { background-position: right -192px; }
-li#inspector       div        div.toolbar_image { background-position: left  -224px; }
-li#inspector       div:active div.toolbar_image { background-position: right -224px; }
-
-#toolbar ul li.disabled > div {
-	text-shadow: 0 1px 0 #fff;
-	opacity: 0.25;
-	cursor: default;
-}
-
-#toolbar ul li.divider {
-	width: 0;
-	border-right: 1px dotted black;
-	opacity: 0.2;
-	margin: 14px 4px 0;
-	height: 49px;
-}
+  width: 100%;
+  height: 75px;
+  margin: 0;
+  border-bottom: 1px outset #AEBBCB;
+  overflow: hidden;
+  -moz-user-select: none;
+  -webkit-user-select: none; }
+  #toolbar ul {
+    height: 50px;
+    margin: 0;
+    padding: 0 7px;
+    text-align: center; }
+    #toolbar ul li {
+      list-style-type: none;
+      list-style-image: none;
+      float: left;
+      margin: 13px 0 0 0;
+      height: 50px;
+      padding: 0 8px;
+      cursor: pointer;
+      /* toolbar images */ }
+      #toolbar ul li > div {
+        text-shadow: 0 1px 0 #ccc;
+        min-width: 32px; }
+      #toolbar ul li div.toolbar_image {
+        width: 32px;
+        height: 32px;
+        margin: 0 auto 5px;
+        background-image: url("images/buttons/toolbar_buttons.png"); }
+      #toolbar ul li.disabled > div {
+        text-shadow: 0 1px 0 #fff;
+        opacity: 0.25;
+        cursor: default; }
+      #toolbar ul li.divider {
+        width: 0;
+        border-right: 1px dotted black;
+        opacity: 0.2;
+        margin: 14px 4px 0;
+        height: 49px; }
+      #toolbar ul li#open div div.toolbar_image {
+        background-position: left     0px; }
+      #toolbar ul li#open div:active div.toolbar_image {
+        background-position: right    0px; }
+      #toolbar ul li#remove div div.toolbar_image {
+        background-position: left -32px; }
+      #toolbar ul li#remove div:active div.toolbar_image {
+        background-position: right -32px; }
+      #toolbar ul li#resume_selected div div.toolbar_image {
+        background-position: left -96px; }
+      #toolbar ul li#resume_selected div:active div.toolbar_image {
+        background-position: right -96px; }
+      #toolbar ul li#pause_selected div div.toolbar_image {
+        background-position: left -64px; }
+      #toolbar ul li#pause_selected div:active div.toolbar_image {
+        background-position: right -64px; }
+      #toolbar ul li#pause_all div div.toolbar_image {
+        background-position: left -128px; }
+      #toolbar ul li#pause_all div:active div.toolbar_image {
+        background-position: right -128px; }
+      #toolbar ul li#resume_all div div.toolbar_image {
+        background-position: left -160px; }
+      #toolbar ul li#resume_all div:active div.toolbar_image {
+        background-position: right -160px; }
+      #toolbar ul li#filter div div.toolbar_image {
+        background-position: left -192px; }
+      #toolbar ul li#filter div:active div.toolbar_image {
+        background-position: right -192px; }
+      #toolbar ul li#inspector div div.toolbar_image {
+        background-position: left -224px; }
+      #toolbar ul li#inspector div:active div.toolbar_image {
+        background-position: right -224px; }
+  #toolbar #inspector {
+    float: right; }
 
 /***
 ****
 ****  STATUSBAR
 ****
 ***/
-
 #statusbar {
-	border: 1px outset #AEBBCB;
-	height: 24px;
-	width: 100%;
-	overflow: hidden;
-	position: relative;
-}
-
-#statusbar #speed-info {
-	margin-top: 5px;
-	margin-left: 45%;
-	text-align: left;
-}
-
-#statusbar #filter-button {
-	float: left;
-	text-shadow: 0 1px 0 #ccc;
-	margin: 5px 8px;
-	-moz-user-select: none;
-	-webkit-user-select: none;
-}
-#statusbar #filter-button:hover {
-	cursor: pointer;
-}
-#statusbar #filter-button .filter-selection {
-	text-decoration: underline;
-}
-
-
-#statusbar input#torrent_search {
-	float: right;
-	height: 15px;
-	width: 100px;
-	border: solid 0 #fff;
-	padding: 2px;
-	margin: 4px 5px 0 0;
-	border-radius: 10px;
-}
-/* Safari-look filter input for Firefox */
-@-moz-document url-prefix() {
-	div#statusbar input#torrent_search {
-		background: #FFF url('images/filter_icon.png') top left no-repeat;
-		border: 1px solid #5D80A1;
-		margin-top: 3px;
-		padding: 1px 10px 1px 18px;
-		width: 76px;
-		-moz-border-radius: 10px;
-	}
-	div#torrent_filter_bar input#torrent_search.blur {
-		border-color: #CCC;
-	}
-}
-
-#statusbar input#torrent_search.blur {
-	color: #999;
-}
+  height: 24px;
+  width: 100%;
+  border-bottom: 1px outset #AEBBCB;
+  overflow: hidden;
+  position: relative; }
+  #statusbar #speed-info {
+    margin-top: 5px;
+    margin-left: 45%;
+    text-align: left; }
+  #statusbar #filter-button {
+    float: left;
+    text-shadow: 0 1px 0 #ccc;
+    margin: 5px 8px;
+    -moz-user-select: none;
+    -webkit-user-select: none; }
+    #statusbar #filter-button:hover {
+      cursor: pointer; }
+    #statusbar #filter-button .filter-selection {
+      text-decoration: underline; }
+  #statusbar input#torrent_search {
+    float: right;
+    height: 15px;
+    width: 100px;
+    border: solid 0 #fff;
+    padding: 2px;
+    margin: 4px 5px 0 0;
+    border-radius: 10px; }
+    #statusbar input#torrent_search.blur {
+      color: #999; }
 
 /***
 ****
 ****  FILTER POPUP
 ****
 ***/
-
-#filter-popup .count {
-        padding-left: 3px;
-}
 #filter-popup {
-        color: #222;/* !important; */
-        background: #FFF;
-        z-index: 100;
-}
-
-#filter-popup #filter-by-state .row .filter-img {
-        display: none;
-}
-div#filter-popup #filter-by-state .row .filter-name {
-        left: 0px;
-}
-#filter-popup .row {
-	text-align: left;
-	cursor: pointer;
-	margin: 8px 2px;
-	position: relative;
-	height: 18px;
-	-moz-user-select: none;
-	-webkit-user-select: none;
-}
-div#filter-popup .row .filter-img {
-        border: none;
-        width: 16px;
-        height: 16px;
-        position: absolute;
-        left: 0px;
-}
-#filter-popup .row .filter-name {
-        position: absolute;
-        left: 20px;
-}
-#filter-popup .row .count {
-        float: right;
-        color: #aaa;
-}
-#filter-popup li {
-        text-align: left
-}
-#filter-popup .row:hover,
-#filter-popup .row.selected {
-        font-weight: bold;
-}
-#filter-popup #filter-by-state {
-        float: left;
-        width: 120px;
-        overflow: hidden;
-        text-overflow: ellipsis;
-}
-#filter-popup #filter-by-tracker {
-        float: right;
-        width: 130px;
-        overflow: hidden;
-        text-overflow: ellipsis;
-}
+  color: #222;
+  /* !important; */
+  background: #FFF;
+  z-index: 100; }
+  #filter-popup li {
+    text-align: left; }
+  #filter-popup .count {
+    padding-left: 3px; }
+  #filter-popup .row {
+    text-align: left;
+    cursor: pointer;
+    margin: 8px 2px;
+    position: relative;
+    height: 18px;
+    -moz-user-select: none;
+    -webkit-user-select: none; }
+    #filter-popup .row .filter-img {
+      border: none;
+      width: 16px;
+      height: 16px;
+      position: absolute;
+      left: 0px; }
+    #filter-popup .row .filter-name {
+      position: absolute;
+      left: 20px; }
+    #filter-popup .row .count {
+      float: right;
+      color: #aaa; }
+    #filter-popup .row:hover, #filter-popup .row.selected {
+      font-weight: bold; }
+  #filter-popup #filter-by-state {
+    float: left;
+    width: 120px;
+    overflow: hidden;
+    text-overflow: ellipsis; }
+    #filter-popup #filter-by-state .row .filter-img {
+      display: none; }
+    #filter-popup #filter-by-state .row .filter-name {
+      left: 0px; }
+  #filter-popup #filter-by-tracker {
+    float: right;
+    width: 130px;
+    overflow: hidden;
+    text-overflow: ellipsis; }
 
 /***
 ****
 ****  TORRENT CONTAINER
 ****
 ***/
-
 div#torrent_container {
-	position: fixed;
-	top: 102px;
-	bottom: 22px;
-	right: 0px;
-	left: 0px;
-	padding: 0px;
-	margin: 0px;
-	overflow: auto;
-}
+  position: fixed;
+  top: 102px;
+  bottom: 22px;
+  right: 0px;
+  left: 0px;
+  padding: 0px;
+  margin: 0px;
+  overflow: auto; }
 
 ul.torrent_list {
-	width: 100%;
-	margin: 0;
-	padding: 0;
-	text-align: left;
-	cursor: pointer;
-}
-
-ul.torrent_list li.torrent {
-	border-bottom: 1px solid #ccc;
-	padding: 4px 30px 5px 10px; /* Make space for buttons on the right */
-	color: #666;
-}
-ul.torrent_list li.torrent.compact {
-	padding: 4px;
-}
-
-ul.torrent_list li.torrent a img {
-	position: relative;
-	right: -10px;
-}
-
-ul.torrent_list li.torrent.even {
-	background-color: #EDF3FE;
-}
-
-ul.torrent_list li.torrent.selected {
-	background-color: #3879D7;
-	color: #FFF;
-}
-
-ul.torrent_list li.torrent div.torrent_name {
-	font-size: 1.3em;
-	font-weight: bold;
-	overflow: hidden;
-	text-overflow: ellipsis;
-	white-space: nowrap;
-	color: #222;
-	margin-top: 2px;
-	margin-bottom: 2px;
-}
-
-ul.torrent_list li.torrent div.torrent_name.compact {
-	font-size: 1.0em;
-	font-weight: normal;
-}
-
-ul.torrent_list li.torrent div.torrent_name.paused {
-	font-weight: normal;
-	color: #777;
-}
-
-ul.torrent_list li.torrent.selected div.torrent_name {
-	color: #fff;
-}
-
-ul.torrent_list div.torrent_progress_details,
-ul.torrent_list div.torrent_peer_details {
-	clear: left;
-	font-size: 1em;
-	overflow: hidden;
-	text-overflow: ellipsis;
-	white-space: nowrap;
-}
-
-ul.torrent_list li.torrent div.torrent_progress_details.error {
-	color: #FF0000;
-}
-ul.torrent_list li.torrent.selected div.torrent_progress_details.error {
-	color: #FFF;
-}
-ul.torrent_list li.torrent div.torrent_peer_details.error {
-	color: #FF0000;
-}
-ul.torrent_list li.torrent.selected div.torrent_peer_details.error {
-	color: #FFF;
-}
-
+  width: 100%;
+  margin: 0;
+  padding: 0;
+  text-align: left;
+  cursor: pointer; }
+  ul.torrent_list li.torrent {
+    border-bottom: 1px solid #ccc;
+    padding: 4px 30px 5px 10px;
+    /* Make space for buttons on the right */
+    color: #666; }
+    ul.torrent_list li.torrent.compact {
+      padding: 4px; }
+    ul.torrent_list li.torrent.even {
+      background-color: #EDF3FE; }
+    ul.torrent_list li.torrent.selected {
+      color: white;
+      background-color: #3879D7; }
+      ul.torrent_list li.torrent.selected div.torrent_progress_details.error,
+      ul.torrent_list li.torrent.selected div.torrent_peer_details.error,
+      ul.torrent_list li.torrent.selected div.torrent_name {
+        color: #FFF; }
+    ul.torrent_list li.torrent a img {
+      position: relative;
+      right: -10px; }
+    ul.torrent_list li.torrent div.torrent_name {
+      font-size: 1.3em;
+      font-weight: bold;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      color: #222;
+      margin-top: 2px;
+      margin-bottom: 2px; }
+      ul.torrent_list li.torrent div.torrent_name.compact {
+        font-size: 1.0em;
+        font-weight: normal; }
+      ul.torrent_list li.torrent div.torrent_name.paused {
+        font-weight: normal;
+        color: #777; }
+    ul.torrent_list li.torrent div.torrent_progress_details,
+    ul.torrent_list li.torrent div.torrent_peer_details {
+      clear: left;
+      font-size: 1em;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap; }
+    ul.torrent_list li.torrent div.torrent_progress_details.error,
+    ul.torrent_list li.torrent div.torrent_peer_details.error {
+      color: #FF0000; }
 
 /**
  * Progressbar
@@ -379,982 +301,1077 @@ ul.torrent_list li.torrent.selected div.torrent_peer_details.error {
  * The progressbar has different colors depending on its state, so there
  * are five 'decorator' classNames: paused, queued, magnet, leeching, seeding.
  */
-
 ul.torrent_list div.torrent_progress_bar_container {
-	height: 10px;
-	position: relative;
-}
-ul.torrent_list div.torrent_progress_bar_container.compact {
-	width: 50px;
-	position: absolute;
-	right: 10px;
-	margin-top: 2px;
-	/*float: right;*/
-}
+  height: 10px;
+  position: relative; }
+  ul.torrent_list div.torrent_progress_bar_container.compact {
+    width: 50px;
+    position: absolute;
+    right: 10px;
+    margin-top: 2px;
+    /*float: right;*/ }
+  ul.torrent_list div.torrent_progress_bar_container.full {
+    margin-top: 2px;
+    margin-bottom: 5px; }
 ul.torrent_list div.torrent_peer_details.compact {
-	margin-top: 2px;
-	margin-right: 65px; /* leave room on the right for the progressbar */
-	float: right; /* pins it next to progressbar & forces torrent_name to ellipsize when it bumps up against this div */
-}
-ul.torrent_list div.torrent_progress_bar_container.full {
-	margin-top: 2px;
-	margin-bottom: 5px;
-}
+  margin-top: 2px;
+  margin-right: 65px;
+  /* leave room on the right for the progressbar */
+  float: right;
+  /* pins it next to progressbar & forces torrent_name to ellipsize when it bumps up against this div */ }
 ul.torrent_list div.torrent_progress_bar {
-	height: 100%;
-	position: absolute;
-	top: 0px;
-	left: 0px;
-	background-image: url('images/progress.png');
-	background-repeat: repeat-x;
-	border: 1px solid #888;
-}
-ul.torrent_list div.torrent_progress_bar.complete {
-	z-index: 2;
-}
-ul.torrent_list div.torrent_progress_bar.incomplete {
-	z-index: 1;
-	width: 100%;
-}
-ul.torrent_list div.torrent_progress_bar.complete.paused {
-        background-position: left -30px;
-        border-color: #989898;
-}
-ul.torrent_list div.torrent_progress_bar.incomplete.paused {
-        background-position: left -20px;
-        border-color: #CFCFCF;
-}
-ul.torrent_list div.torrent_progress_bar.complete.magnet {
-        background-position: left -20px;
-        border-color: #CFCFCF;
-}
-ul.torrent_list div.torrent_progress_bar.incomplete.magnet {
-        background-position: left -50px;
-        border-color: #D47778;
-}
-ul.torrent_list div.torrent_progress_bar.complete.leeching {
-        background-position: left 0px;
-        border-color: #3D9DEA;
-}
-ul.torrent_list div.torrent_progress_bar.complete.leeching.queued {
-        background-position: left -70px;
-        border-color: #889CA5;
-}
-ul.torrent_list div.torrent_progress_bar.incomplete.leeching {
-        background-position: left -20px;
-        border-color: #CFCFCF;
-}
-ul.torrent_list div.torrent_progress_bar.incomplete.leeching.queued {
-        background-position: left -80px;
-        border-color: #C4C4C4;
-}
-ul.torrent_list div.torrent_progress_bar.complete.seeding {
-        background-position: left -40px;
-        border-color: #269E30;
-}
-ul.torrent_list div.torrent_progress_bar.complete.seeding.queued {
-        background-position: left -60px;
-        border-color: #8A998D;
-}
-ul.torrent_list div.torrent_progress_bar.incomplete.seeding {
-        background-position: left -10px;
-        border-color: #29AD35;
-}
+  height: 100%;
+  position: absolute;
+  top: 0px;
+  left: 0px;
+  background-image: url("images/progress.png");
+  background-repeat: repeat-x;
+  border: 1px solid #888; }
+  ul.torrent_list div.torrent_progress_bar.complete {
+    z-index: 2; }
+  ul.torrent_list div.torrent_progress_bar.complete.paused {
+    background-position: left -30px;
+    border-color: #989898; }
+  ul.torrent_list div.torrent_progress_bar.complete.magnet {
+    background-position: left -20px;
+    border-color: #CFCFCF; }
+  ul.torrent_list div.torrent_progress_bar.complete.leeching {
+    background-position: left   0px;
+    border-color: #3D9DEA; }
+  ul.torrent_list div.torrent_progress_bar.complete.leeching.queued {
+    background-position: left -70px;
+    border-color: #889CA5; }
+  ul.torrent_list div.torrent_progress_bar.complete.seeding {
+    background-position: left -40px;
+    border-color: #269E30; }
+  ul.torrent_list div.torrent_progress_bar.complete.seeding.queued {
+    background-position: left -60px;
+    border-color: #8A998D; }
+  ul.torrent_list div.torrent_progress_bar.incomplete {
+    z-index: 1;
+    width: 100%; }
+  ul.torrent_list div.torrent_progress_bar.incomplete.paused {
+    background-position: left -20px;
+    border-color: #CFCFCF; }
+  ul.torrent_list div.torrent_progress_bar.incomplete.magnet {
+    background-position: left -50px;
+    border-color: #D47778; }
+  ul.torrent_list div.torrent_progress_bar.incomplete.leeching {
+    background-position: left -20px;
+    border-color: #CFCFCF; }
+  ul.torrent_list div.torrent_progress_bar.incomplete.leeching.queued {
+    background-position: left -80px;
+    border-color: #C4C4C4; }
+  ul.torrent_list div.torrent_progress_bar.incomplete.seeding {
+    background-position: left -10px;
+    border-color: #29AD35; }
 
 /****
 *****  START / STOP BUTTON
 ****/
-
 li.torrent a {
-	float: right;
-	position: relative;
-	right: -22px;
-	top: 1px;
-}
-li.torrent a div {
-	background: url('images/buttons/torrent_buttons.png');
-	height: 14px;
-	width: 14px;
-}
-li.torrent a div.torrent_pause {
-	background-position: left top;
-}
-li.torrent a:hover div.torrent_pause {
-	background-position: left center;
-}
-li.torrent a:active div.torrent_pause {
-	background-position: left bottom;
-}
-li.torrent a div.torrent_resume {
-	background-position: center top;
-}
-li.torrent a:hover div.torrent_resume {
-	background-position: center center;
-}
-li.torrent a:active div.torrent_resume {
-	background-position: center bottom;
-}
+  float: right;
+  position: relative;
+  right: -22px;
+  top: 1px; }
+  li.torrent a div {
+    background: url("images/buttons/torrent_buttons.png");
+    height: 14px;
+    width: 14px; }
+  li.torrent a div.torrent_pause {
+    background-position: left top; }
+  li.torrent a div.torrent_resume {
+    background-position: center top; }
+  li.torrent a:active div.torrent_pause {
+    background-position: left bottom; }
+  li.torrent a:active div.torrent_resume {
+    background-position: center bottom; }
+  li.torrent a:hover div.torrent_pause {
+    background-position: left center; }
+  li.torrent a:hover div.torrent_resume {
+    background-position: center center; }
 
 /***
 ****
 ****  PREFERENCES
 ****
 ***/
-
 #prefs-dialog.ui-tabs .ui-tabs-panel {
-	padding: 0px;
-	-moz-user-select: none;
-	-webkit-user-select: none;
-}
-.prefs-section {
-	margin: 10px;
-	text-align: left;
-}
-.prefs-section > * {
-	padding-top: 8px;
-	padding-left: 8px;
-}
-.prefs-section .title {
-	font-weight: bold;
-	padding-left: 0px;
-}
-.prefs-section .row .key {
-	float: left;
-	padding-top: 3px;
-}
-.prefs-section .row .key > * {
-	margin-left: 0px;
-}
-.prefs-section .row .value {
-	margin-left: 150px;
-}
-.prefs-section .row .value > * {
-	width: 100%;
-}
-.prefs-section .checkbox-row > input {
-	margin: 0px;
-}
-.prefs-section .checkbox-row > label {
-	margin-left: 5px;
-}
+  padding: 0px;
+  -moz-user-select: none;
+  -webkit-user-select: none; }
 
-.prefs-section #alternative-speed-limits-title {
-	padding-left: 18px;
-	background: transparent url('images/blue-turtle.png') no-repeat;
-}
+.prefs-section {
+  margin: 10px;
+  text-align: left; }
+  .prefs-section > * {
+    padding-top: 8px;
+    padding-left: 8px; }
+  .prefs-section .title {
+    font-weight: bold;
+    padding-left: 0px; }
+  .prefs-section .row .key {
+    float: left;
+    padding-top: 3px; }
+    .prefs-section .row .key > * {
+      margin-left: 0px; }
+  .prefs-section .row .value {
+    margin-left: 150px; }
+    .prefs-section .row .value > * {
+      width: 100%; }
+  .prefs-section .checkbox-row > input {
+    margin: 0px; }
+  .prefs-section .checkbox-row > label {
+    margin-left: 5px; }
+  .prefs-section #alternative-speed-limits-title {
+    padding-left: 18px;
+    background: transparent url("images/blue-turtle.png") no-repeat; }
 
 /*--------------------------------------
  *
  * T O R R E N T   I N S P E C T O R
  *
  *--------------------------------------*/
-
 div#torrent_inspector {
-	position: fixed;
-	top: 102px;
-	bottom: 22px;
-	right: 0px;
-	width: 570px;
-	background-color: #ddd;
-	border-left: 1px solid #888;
-	z-index: 5;
-	text-align: left;
-	overflow: auto;
-}
-div#torrent_inspector #torrent_inspector_name {
-	margin: 0;
-	overflow: hidden;
-}
-div#torrent_inspector #torrent_inspector_size {
-	font-size: 1.2em;
-	margin: 3px;
-	display: block;
-	padding-top: 2px;
-}
-div#inspector_header {
-	clear: both;
-	padding-top: 10px;
-	padding-left: 10px;
-	padding-right: 10px;
-}
-div#inspector_tabs {
-	width: 283px;
-	margin: 10px auto 0 auto;
-}
-.inspector_tab {
-	float: left;
-	height: 17px;
-	background: transparent url('images/buttons/tab_backgrounds_highlight.png') left -1px repeat-x;
-	margin: 0px;
-	padding: 3px 15px; /* 3px == ((bg image height - fg image height) / 2) */
-	cursor: pointer;
-}
-#inspector_tabs .selected {
-	background-position: left -26px; /* the highlighted part of the image */
-}
-
-.inspector_tab > #inspector-tab-label-info {
-	width: 24px;
-	height: 20px;
-	background: transparent url('images/buttons/info_general.png') no-repeat;
-}
-.inspector_tab > #inspector-tab-label-activity {
-	width: 24px;
-	height: 20px;
-	background: transparent url('images/buttons/info_activity.png') no-repeat;
-}
-.inspector_tab > #inspector-tab-label-peers {
-	width: 24px;
-	height: 20px;
-	background: transparent url('images/buttons/info_peers.png') no-repeat;
-}
-.inspector_tab > #inspector-tab-label-trackers {
-	width: 24px;
-	height: 20px;
-	background: transparent url('images/buttons/info_trackers.png') no-repeat;
-}
-.inspector_tab > #inspector-tab-label-files {
-	width: 24px;
-	height: 20px;
-	background: transparent url('images/buttons/info_files.png') no-repeat;
-}
-
-#inspector_tab_info {
-	background: transparent url('images/buttons/tab_backgrounds.png') left -1px repeat-x;
-	border: 1px solid #aaa;
-	-webkit-border-top-left-radius: 5px;
-	-webkit-border-top-right-radius: 0px;
-	-webkit-border-bottom-right-radius: 0px;
-	-webkit-border-bottom-left-radius: 5px;
-	-moz-border-radius-topleft: 5px;
-	-moz-border-radius-topright: 0px;
-	-moz-border-radius-bottomright: 0px;
-	-moz-border-radius-bottomleft: 5px;
-	border-top-left-radius: 5px;
-	border-top-right-radius: 0px;
-	border-bottom-right-radius: 0px;
-	border-bottom-left-radius: 5px;
-}
-
-#inspector_tab_info .selected {
-	background: transparent url('images/buttons/tab_backgrounds.png') left -26px repeat-x;
-}
-
-#inspector_tabs #inspector_tab_info .selected {
-	background: transparent url('images/buttons/tab_backgrounds.png') left -26px repeat-x !important;
-}
-
-#inspector_tabs #inspector_tab_activity, #inspector_tabs #inspector_tab_peers {
-	border-top: 1px solid #aaa;
-	border-bottom: 1px solid #aaa;
-	border-right: 1px solid #aaa;
-}
-
-#inspector_tabs #inspector_tab_activity, #inspector_tabs #inspector_tab_trackers {
-	border-top: 1px solid #aaa;
-	border-bottom: 1px solid #aaa;
-}
-
-#inspector_tabs #inspector_tab_files {
-	border: 1px solid #aaa;
-	-webkit-border-top-left-radius: 0px;
-	-webkit-border-top-right-radius: 5px;
-	-webkit-border-bottom-right-radius: 5px;
-	-webkit-border-bottom-left-radius: 0px;
-	-moz-border-radius-topleft: 0px;
-	-moz-border-radius-topright: 5px;
-	-moz-border-radius-bottomright: 5px;
-	-moz-border-radius-bottomleft: 0px;
-	border-top-left-radius: 0px;
-	border-top-right-radius: 5px;
-	border-bottom-right-radius: 5px;
-	border-bottom-left-radius: 0px;
-}
-.inspector_container {
-	margin: 0 3%;
-	width: 96%;
-}
-.inspector_group {
-	display: table;
-	width: 100%;
-	border-top: 1px solid #888;
-	margin: 10px 0px;
-	padding: 10px 0px;
-}
-.inspector_torrent_label {
-	display: table-caption;
-	font-size: 1.2em;
-	font-weight: bold;
-}
-.inspector_group_label {
-	display: table-header-group;
-	font-weight: bold;
-}
-.inspector_row {
-	display: table-row;
-}
-.inspector_row > .inspector_label {
-	display: table-cell;
-	width: 100px; /* this + the next 380 == inspector_container_with */
-}
-.inspector_row > div {
-	word-wrap: break-word;
-	padding-top: 10px;
-	width: 380px; /* inspector_container_width==480 - inspector_label_width==100 */
-}
+  padding: 15px;
+  position: fixed;
+  top: 102px;
+  bottom: 22px;
+  right: 0px;
+  width: 570px;
+  background-color: #eeeeee;
+  border-left: 1px solid #888;
+  z-index: 5;
+  overflow: auto;
+  text-align: left;
+  /* Files Inspector Tab */ }
+  div#torrent_inspector #inspector-close {
+    display: none; }
+  div#torrent_inspector #inspector-tabs-wrapper {
+    width: 100%;
+    overflow: hidden;
+    text-align: center; }
+    div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs {
+      display: inline-block; }
+      div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > * {
+        width: 30px;
+        height: 20px; }
+      div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-info {
+        cursor: pointer;
+        -moz-user-select: none;
+        -webkit-user-select: none;
+        display: inline-block;
+        border-style: solid;
+        border-color: #aaa;
+        border-width: 1px;
+        padding: 3px;
+        background-color: #d4d4d4;
+        background-image: url("images/inspector-info.png");
+        /* fallback */
+        background-image: url("images/inspector-info.png"), -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#bbbbbb));
+        /* Saf4+, Chrome */
+        background-image: url("images/inspector-info.png"), -webkit-linear-gradient(top, #eeeeee, #bbbbbb);
+        /* Chrome 10+, Saf5.1+ */
+        background-image: url("images/inspector-info.png"), -moz-linear-gradient(top, #eeeeee, #bbbbbb);
+        /* FF3.6+ */
+        background-image: url("images/inspector-info.png"), -ms-linear-gradient(top, #eeeeee, #bbbbbb);
+        /* IE10 */
+        background-image: url("images/inspector-info.png"), -o-linear-gradient(top, #eeeeee, #bbbbbb);
+        /* Opera 11.10+ */
+        background-image: url("images/inspector-info.png"), linear-gradient(top, #eeeeee, #bbbbbb);
+        /* W3C */
+        background-position: center;
+        background-repeat: no-repeat;
+        -moz-border-radius-topleft: 5px;
+        -moz-border-radius-bottomleft: 5px;
+        border-top-left-radius: 5px;
+        border-bottom-left-radius: 5px;
+        border-left-width: 1px; }
+        div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-info.selected {
+          background-color: #7dc9f2;
+          background-image: url("images/inspector-info.png");
+          /* fallback */
+          background-image: url("images/inspector-info.png"), -webkit-gradient(linear, left top, left bottom, from(#68abe6), to(#93e8ff));
+          /* Saf4+, Chrome */
+          background-image: url("images/inspector-info.png"), -webkit-linear-gradient(top, #68abe6, #93e8ff);
+          /* Chrome 10+, Saf5.1+ */
+          background-image: url("images/inspector-info.png"), -moz-linear-gradient(top, #68abe6, #93e8ff);
+          /* FF3.6+ */
+          background-image: url("images/inspector-info.png"), -ms-linear-gradient(top, #68abe6, #93e8ff);
+          /* IE10 */
+          background-image: url("images/inspector-info.png"), -o-linear-gradient(top, #68abe6, #93e8ff);
+          /* Opera 11.10+ */
+          background-image: url("images/inspector-info.png"), linear-gradient(top, #68abe6, #93e8ff);
+          /* W3C */
+          background-position: center;
+          background-repeat: no-repeat; }
+      div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-activity {
+        cursor: pointer;
+        -moz-user-select: none;
+        -webkit-user-select: none;
+        display: inline-block;
+        border-style: solid;
+        border-color: #aaa;
+        border-width: 1px;
+        padding: 3px;
+        background-color: #d4d4d4;
+        background-image: url("images/inspector-activity.png");
+        /* fallback */
+        background-image: url("images/inspector-activity.png"), -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#bbbbbb));
+        /* Saf4+, Chrome */
+        background-image: url("images/inspector-activity.png"), -webkit-linear-gradient(top, #eeeeee, #bbbbbb);
+        /* Chrome 10+, Saf5.1+ */
+        background-image: url("images/inspector-activity.png"), -moz-linear-gradient(top, #eeeeee, #bbbbbb);
+        /* FF3.6+ */
+        background-image: url("images/inspector-activity.png"), -ms-linear-gradient(top, #eeeeee, #bbbbbb);
+        /* IE10 */
+        background-image: url("images/inspector-activity.png"), -o-linear-gradient(top, #eeeeee, #bbbbbb);
+        /* Opera 11.10+ */
+        background-image: url("images/inspector-activity.png"), linear-gradient(top, #eeeeee, #bbbbbb);
+        /* W3C */
+        background-position: center;
+        background-repeat: no-repeat; }
+        div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-activity.selected {
+          background-color: #7dc9f2;
+          background-image: url("images/inspector-activity.png");
+          /* fallback */
+          background-image: url("images/inspector-activity.png"), -webkit-gradient(linear, left top, left bottom, from(#68abe6), to(#93e8ff));
+          /* Saf4+, Chrome */
+          background-image: url("images/inspector-activity.png"), -webkit-linear-gradient(top, #68abe6, #93e8ff);
+          /* Chrome 10+, Saf5.1+ */
+          background-image: url("images/inspector-activity.png"), -moz-linear-gradient(top, #68abe6, #93e8ff);
+          /* FF3.6+ */
+          background-image: url("images/inspector-activity.png"), -ms-linear-gradient(top, #68abe6, #93e8ff);
+          /* IE10 */
+          background-image: url("images/inspector-activity.png"), -o-linear-gradient(top, #68abe6, #93e8ff);
+          /* Opera 11.10+ */
+          background-image: url("images/inspector-activity.png"), linear-gradient(top, #68abe6, #93e8ff);
+          /* W3C */
+          background-position: center;
+          background-repeat: no-repeat; }
+      div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-peers {
+        cursor: pointer;
+        -moz-user-select: none;
+        -webkit-user-select: none;
+        display: inline-block;
+        border-style: solid;
+        border-color: #aaa;
+        border-width: 1px;
+        padding: 3px;
+        background-color: #d4d4d4;
+        background-image: url("images/inspector-peers.png");
+        /* fallback */
+        background-image: url("images/inspector-peers.png"), -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#bbbbbb));
+        /* Saf4+, Chrome */
+        background-image: url("images/inspector-peers.png"), -webkit-linear-gradient(top, #eeeeee, #bbbbbb);
+        /* Chrome 10+, Saf5.1+ */
+        background-image: url("images/inspector-peers.png"), -moz-linear-gradient(top, #eeeeee, #bbbbbb);
+        /* FF3.6+ */
+        background-image: url("images/inspector-peers.png"), -ms-linear-gradient(top, #eeeeee, #bbbbbb);
+        /* IE10 */
+        background-image: url("images/inspector-peers.png"), -o-linear-gradient(top, #eeeeee, #bbbbbb);
+        /* Opera 11.10+ */
+        background-image: url("images/inspector-peers.png"), linear-gradient(top, #eeeeee, #bbbbbb);
+        /* W3C */
+        background-position: center;
+        background-repeat: no-repeat; }
+        div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-peers.selected {
+          background-color: #7dc9f2;
+          background-image: url("images/inspector-peers.png");
+          /* fallback */
+          background-image: url("images/inspector-peers.png"), -webkit-gradient(linear, left top, left bottom, from(#68abe6), to(#93e8ff));
+          /* Saf4+, Chrome */
+          background-image: url("images/inspector-peers.png"), -webkit-linear-gradient(top, #68abe6, #93e8ff);
+          /* Chrome 10+, Saf5.1+ */
+          background-image: url("images/inspector-peers.png"), -moz-linear-gradient(top, #68abe6, #93e8ff);
+          /* FF3.6+ */
+          background-image: url("images/inspector-peers.png"), -ms-linear-gradient(top, #68abe6, #93e8ff);
+          /* IE10 */
+          background-image: url("images/inspector-peers.png"), -o-linear-gradient(top, #68abe6, #93e8ff);
+          /* Opera 11.10+ */
+          background-image: url("images/inspector-peers.png"), linear-gradient(top, #68abe6, #93e8ff);
+          /* W3C */
+          background-position: center;
+          background-repeat: no-repeat; }
+      div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-trackers {
+        cursor: pointer;
+        -moz-user-select: none;
+        -webkit-user-select: none;
+        display: inline-block;
+        border-style: solid;
+        border-color: #aaa;
+        border-width: 1px;
+        padding: 3px;
+        background-color: #d4d4d4;
+        background-image: url("images/inspector-trackers.png");
+        /* fallback */
+        background-image: url("images/inspector-trackers.png"), -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#bbbbbb));
+        /* Saf4+, Chrome */
+        background-image: url("images/inspector-trackers.png"), -webkit-linear-gradient(top, #eeeeee, #bbbbbb);
+        /* Chrome 10+, Saf5.1+ */
+        background-image: url("images/inspector-trackers.png"), -moz-linear-gradient(top, #eeeeee, #bbbbbb);
+        /* FF3.6+ */
+        background-image: url("images/inspector-trackers.png"), -ms-linear-gradient(top, #eeeeee, #bbbbbb);
+        /* IE10 */
+        background-image: url("images/inspector-trackers.png"), -o-linear-gradient(top, #eeeeee, #bbbbbb);
+        /* Opera 11.10+ */
+        background-image: url("images/inspector-trackers.png"), linear-gradient(top, #eeeeee, #bbbbbb);
+        /* W3C */
+        background-position: center;
+        background-repeat: no-repeat; }
+        div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-trackers.selected {
+          background-color: #7dc9f2;
+          background-image: url("images/inspector-trackers.png");
+          /* fallback */
+          background-image: url("images/inspector-trackers.png"), -webkit-gradient(linear, left top, left bottom, from(#68abe6), to(#93e8ff));
+          /* Saf4+, Chrome */
+          background-image: url("images/inspector-trackers.png"), -webkit-linear-gradient(top, #68abe6, #93e8ff);
+          /* Chrome 10+, Saf5.1+ */
+          background-image: url("images/inspector-trackers.png"), -moz-linear-gradient(top, #68abe6, #93e8ff);
+          /* FF3.6+ */
+          background-image: url("images/inspector-trackers.png"), -ms-linear-gradient(top, #68abe6, #93e8ff);
+          /* IE10 */
+          background-image: url("images/inspector-trackers.png"), -o-linear-gradient(top, #68abe6, #93e8ff);
+          /* Opera 11.10+ */
+          background-image: url("images/inspector-trackers.png"), linear-gradient(top, #68abe6, #93e8ff);
+          /* W3C */
+          background-position: center;
+          background-repeat: no-repeat; }
+      div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-files {
+        cursor: pointer;
+        -moz-user-select: none;
+        -webkit-user-select: none;
+        display: inline-block;
+        border-style: solid;
+        border-color: #aaa;
+        border-width: 1px;
+        padding: 3px;
+        background-color: #d4d4d4;
+        background-image: url("images/inspector-files.png");
+        /* fallback */
+        background-image: url("images/inspector-files.png"), -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#bbbbbb));
+        /* Saf4+, Chrome */
+        background-image: url("images/inspector-files.png"), -webkit-linear-gradient(top, #eeeeee, #bbbbbb);
+        /* Chrome 10+, Saf5.1+ */
+        background-image: url("images/inspector-files.png"), -moz-linear-gradient(top, #eeeeee, #bbbbbb);
+        /* FF3.6+ */
+        background-image: url("images/inspector-files.png"), -ms-linear-gradient(top, #eeeeee, #bbbbbb);
+        /* IE10 */
+        background-image: url("images/inspector-files.png"), -o-linear-gradient(top, #eeeeee, #bbbbbb);
+        /* Opera 11.10+ */
+        background-image: url("images/inspector-files.png"), linear-gradient(top, #eeeeee, #bbbbbb);
+        /* W3C */
+        background-position: center;
+        background-repeat: no-repeat;
+        -moz-border-radius-topright: 5px;
+        -moz-border-radius-bottomright: 5px;
+        border-top-right-radius: 5px;
+        border-bottom-right-radius: 5px;
+        border-right-width: 1px; }
+        div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-files.selected {
+          background-color: #7dc9f2;
+          background-image: url("images/inspector-files.png");
+          /* fallback */
+          background-image: url("images/inspector-files.png"), -webkit-gradient(linear, left top, left bottom, from(#68abe6), to(#93e8ff));
+          /* Saf4+, Chrome */
+          background-image: url("images/inspector-files.png"), -webkit-linear-gradient(top, #68abe6, #93e8ff);
+          /* Chrome 10+, Saf5.1+ */
+          background-image: url("images/inspector-files.png"), -moz-linear-gradient(top, #68abe6, #93e8ff);
+          /* FF3.6+ */
+          background-image: url("images/inspector-files.png"), -ms-linear-gradient(top, #68abe6, #93e8ff);
+          /* IE10 */
+          background-image: url("images/inspector-files.png"), -o-linear-gradient(top, #68abe6, #93e8ff);
+          /* Opera 11.10+ */
+          background-image: url("images/inspector-files.png"), linear-gradient(top, #68abe6, #93e8ff);
+          /* W3C */
+          background-position: center;
+          background-repeat: no-repeat; }
+  div#torrent_inspector #inspector_header {
+    margin-top: 8px; }
+    div#torrent_inspector #inspector_header #torrent_inspector_name {
+      font-weight: bold;
+      font-size: large; }
+  div#torrent_inspector .inspector_group {
+    display: table;
+    width: 100%;
+    border-top: 1px solid #888;
+    margin: 10px 0px;
+    padding: 10px 0px;
+    /* Trackers Inspector Tab */ }
+    div#torrent_inspector .inspector_group .inspector_group_label {
+      display: table-header-group;
+      font-weight: bold; }
+    div#torrent_inspector .inspector_group .inspector_row {
+      display: table-row; }
+      div#torrent_inspector .inspector_group .inspector_row > .inspector_label {
+        display: table-cell;
+        width: 100px;
+        /* this + the next 380 == inspector_container_with */ }
+      div#torrent_inspector .inspector_group .inspector_row > div {
+        padding-top: 10px;
+        width: 380px;
+        /* inspector_container_width==480 - inspector_label_width==100 */ }
+    div#torrent_inspector .inspector_group #inspector_trackers_list {
+      padding: 0 0 0 0;
+      margin: 0 0 0 0;
+      text-align: left;
+      cursor: default;
+      overflow: hidden; }
+      div#torrent_inspector .inspector_group #inspector_trackers_list > div.inspector_group {
+        padding-bottom: 0;
+        margin-bottom: 0; }
+  div#torrent_inspector ul.tier_list {
+    margin: 2px 0 8px 0;
+    width: 100%;
+    padding-left: 0px;
+    text-align: left;
+    display: block;
+    cursor: default;
+    list-style-type: none;
+    list-style: none;
+    list-style-image: none;
+    clear: both; }
+    div#torrent_inspector ul.tier_list li {
+      overflow: hidden; }
+    div#torrent_inspector ul.tier_list .tracker_activity {
+      float: left;
+      color: #666;
+      width: 330px;
+      display: table;
+      margin-top: 1px; }
+    div#torrent_inspector ul.tier_list .tracker_activity div {
+      padding: 2px; }
+    div#torrent_inspector ul.tier_list table {
+      float: right;
+      color: #666; }
+    div#torrent_inspector ul.tier_list th {
+      text-align: right; }
+  div#torrent_inspector li.inspector_tracker_entry {
+    padding: 3px 0 3px 2px;
+    display: block; }
+    div#torrent_inspector li.inspector_tracker_entry.odd {
+      background-color: #EEEEEE; }
+  div#torrent_inspector div.tracker_host {
+    font-size: 1.2em;
+    font-weight: bold;
+    color: #222; }
+  div#torrent_inspector #inspector_file_list {
+    padding: 0 0 0 0;
+    margin: 0 0 0 0;
+    text-align: left;
+    cursor: default;
+    overflow: hidden; }
+  div#torrent_inspector #inspector-page-files .select_all_button {
+    background-color: #d4d4d4;
+    background-image: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#bbbbbb));
+    background-image: -webkit-linear-gradient(top, #eeeeee, #bbbbbb);
+    background-image: -moz-linear-gradient(top, #eeeeee, #bbbbbb);
+    background-image: -ms-linear-gradient(top, #eeeeee, #bbbbbb);
+    background-image: -o-linear-gradient(top, #eeeeee, #bbbbbb);
+    background-image: linear-gradient(top, #eeeeee, #bbbbbb);
+    cursor: pointer;
+    -moz-user-select: none;
+    -webkit-user-select: none;
+    display: inline-block;
+    border-style: solid;
+    border-color: #aaa;
+    border-width: 1px;
+    padding: 3px;
+    border-top-left-radius: 5px;
+    border-top-right-radius: 5px;
+    border-bottom-left-radius: 5px;
+    border-bottom-right-radius: 5px;
+    -moz-border-radius-topleft: 5px;
+    -moz-border-radius-bottomleft: 5px;
+    -moz-border-radius-topright: 5px;
+    -moz-border-radius-bottomright: 5px;
+    float: left;
+    margin: 5px;
+    padding: 2px 5px; }
+  div#torrent_inspector #inspector_file_list {
+    width: 100%;
+    margin: 0  0 0 0;
+    padding-bottom: 10px;
+    text-align: left;
+    display: block;
+    cursor: default;
+    list-style-type: none;
+    list-style: none;
+    list-style-image: none;
+    clear: both; }
+  div#torrent_inspector li.inspector_torrent_file_list_entry {
+    padding: 3px 0 3px 2px;
+    display: block; }
+    div#torrent_inspector li.inspector_torrent_file_list_entry.skip {
+      color: #666; }
+    div#torrent_inspector li.inspector_torrent_file_list_entry.even {
+      background-color: #EEEEEE; }
+  div#torrent_inspector div.inspector_torrent_file_list_entry_name {
+    font-size: 1.2em;
+    font-weight: bold;
+    color: #222;
+    margin-left: 20px; }
+  div#torrent_inspector li.inspector_torrent_file_list_entry.skip > .inspector_torrent_file_list_entry_name {
+    color: #666; }
+  div#torrent_inspector div.inspector_torrent_file_list_entry_progress {
+    font-size: 1em;
+    color: #666;
+    margin-left: 20px; }
+  div#torrent_inspector div.file_wanted_control {
+    background-position: left -19px;
+    float: left;
+    position: absolute;
+    cursor: pointer;
+    margin: 3px 0 0 0;
+    width: 19px;
+    height: 19px;
+    background-image: url("images/buttons/file_wanted_buttons.png");
+    background-repeat: no-repeat;
+    background-color: transparent; }
+  div#torrent_inspector li.inspector_torrent_file_list_entry.skip > .file_wanted_control {
+    background-position: left top; }
+  div#torrent_inspector li.inspector_torrent_file_list_entry.complete > .file_wanted_control {
+    background-position: left -19px; }
+  div#torrent_inspector ul.single_file li.inspector_torrent_file_list_entry > .file_wanted_control,
+  div#torrent_inspector li.inspector_torrent_file_list_entry.complete > .file_wanted_control {
+    background-position: left -38px;
+    cursor: default; }
 
 /* Peers Inspector Tab */
 #inspector_peers_list {
-	padding: 0 0 0 0;
-	margin: 0 0 0 0;
-	text-align: left;
-	cursor: default;
-	overflow: hidden;
-}
-
-#inspector_peers_list > div.inspector_group {
-	padding-bottom: 0;
-	margin-bottom: 0;
-}
+  padding: 0 0 0 0;
+  margin: 0 0 0 0;
+  text-align: left;
+  cursor: default;
+  overflow: hidden; }
+  #inspector_peers_list > div.inspector_group {
+    padding-bottom: 0;
+    margin-bottom: 0; }
 
 table.peer_list {
-	width: 100%;
-	border-collapse: collapse;
-	text-align: left;
-	cursor: default;
-	clear: both;
-	table-layout: fixed;
-}
-
-.peer_list .encryptedCol {
-	width: 16px;
-}
-
-.peer_list .upCol {
-	width: 70px;
-}
-
-.peer_list .downCol {
-	width: 70px;
-}
-
-.peer_list .percentCol {
-	width: 30px;
-	padding-right: 5px;
-}
-
-.peer_list td.percentCol {
-	text-align: right;
-}
-
-.peer_list .statusCol {
-	width: 40px;
-	padding-right: 5px;
-}
-
-.peer_list .addressCol {
-	width: 180px;
-}
-
-.peer_list .clientCol {
-	white-space: nowrap;
-	overflow: hidden;
-	text-overflow: ellipsis;
-}
-
-tr.inspector_peer_entry {
-
-}
+  width: 100%;
+  border-collapse: collapse;
+  text-align: left;
+  cursor: default;
+  clear: both;
+  table-layout: fixed; }
+  table.peer_list .encryptedCol {
+    width: 16px; }
+  table.peer_list .upCol {
+    width: 70px; }
+  table.peer_list .downCol {
+    width: 70px; }
+  table.peer_list .percentCol {
+    width: 30px;
+    padding-right: 5px;
+    text-align: right; }
+  table.peer_list .statusCol {
+    width: 40px;
+    padding-right: 5px; }
+  table.peer_list .addressCol {
+    width: 180px; }
+  table.peer_list .clientCol {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis; }
 
 tr.inspector_peer_entry div.encrypted-peer-cell {
-	width: 16px;
-	height: 16px;
-	background: transparent url('images/lock_icon.png') no-repeat;
-}
-
+  width: 16px;
+  height: 16px;
+  background: transparent url("images/lock_icon.png") no-repeat; }
 tr.inspector_peer_entry.odd {
-	background-color: #EEEEEE;
-}
-
-/* Trackers Inspector Tab */
-#inspector_trackers_list {
-	padding: 0 0 0 0;
-	margin: 0 0 0 0;
-	text-align: left;
-	cursor: default;
-	overflow: hidden;
-}
-
-#inspector_trackers_list > div.inspector_group {
-	padding-bottom: 0;
-	margin-bottom: 0;
-}
-
-ul.tier_list {
-	width: 100%;
-	margin: 2px 0 8px 0;
-	padding-left: 0px;
-	text-align: left;
-	display: block;
-	cursor: default;
-	list-style-type: none;
-	list-style: none;
-	list-style-image: none;
-	clear: both;
-}
-.tier_list li{
-	overflow: hidden;
-}
-.tier_list .tracker_activity{
-	float: left;
-	color: #666;
-	width: 330px;
-	display: table;
-	margin-top: 1px;
-}
-.tier_list .tracker_activity div{
-	padding: 2px;
-}
-.tier_list table{
-	float: right;
-	color: #666;
-}
-.tier_list th{
-	text-align: right;
-}
-
-li.inspector_tracker_entry {
-	padding: 3px 0 3px 2px;
-	display: block;
-}
-
-li.inspector_tracker_entry.odd {
-	background-color: #EEEEEE;
-}
-div.tracker_host {
-	font-size: 1.2em;
-	font-weight: bold;
-	color: #222;
-}
-
-/* Files Inspector Tab */
-#inspector_file_list {
-	padding: 0 0 0 0;
-	margin: 0 0 0 0;
-	text-align: left;
-	cursor: default;
-	overflow: hidden;
-}
-#inspector_tab_files_container #select_all_button_container {
-	width: 100%;
-}
-#inspector_tab_files_container .select_all_button {
-	background: transparent url('images/buttons/tab_backgrounds.png') repeat-x scroll left -6px;
-	border: 1px solid #888888;
-	cursor: pointer;
-	float: right;
-	list-style-type: none;
-	margin: 2px;
-	padding: 2px 5px;
-}
-
-#inspector_file_list {
-	width: 100%;
-	margin: 0  0 0 0;
-	padding-bottom: 10px;
-	text-align: left;
-	display: block;
-	cursor: default;
-	list-style-type: none;
-	list-style: none;
-	list-style-image: none;
-	clear: both;
-}
-li.inspector_torrent_file_list_entry {
-	padding: 3px 0 3px 2px;
-	display: block;
-}
-
-li.inspector_torrent_file_list_entry.skip {
-	color: #666;
-}
-
-li.inspector_torrent_file_list_entry.even {
-	background-color: #EEEEEE;
-}
-div.inspector_torrent_file_list_entry_name {
-	font-size: 1.2em;
-	font-weight: bold;
-	color: #222;
-	margin-left: 20px;
-}
-li.inspector_torrent_file_list_entry.skip>.inspector_torrent_file_list_entry_name {
-	color: #666;
-}
-div.inspector_torrent_file_list_entry_progress {
-	font-size: 1em;
-	color: #666;
-	margin-left: 20px;
-}
-div.file_wanted_control {
-	background-position: left -19px;
-	float: left;
-	position: absolute;
-	cursor: pointer;
-	margin: 3px 0 0 0;
-	width: 19px;
-	height: 19px;
-	background-image: url('images/buttons/file_wanted_buttons.png');
-	background-repeat: no-repeat;
-	background-color: transparent;
-}
-
-li.inspector_torrent_file_list_entry.skip>.file_wanted_control {
-	background-position: left top;
-}
-
-li.inspector_torrent_file_list_entry.complete>.file_wanted_control {
-	background-position: left -19px;
-}
-
-ul.single_file li.inspector_torrent_file_list_entry>.file_wanted_control,
-li.inspector_torrent_file_list_entry.complete>.file_wanted_control {
-	background-position: left -38px;
-	cursor: default;
-}
+  background-color: #EEEEEE; }
 
+/***
+****  File Priority Buttons
+***/
 div.file-priority-radiobox {
-	display: inline;
-	float: right;
-	margin: 4px;
-	margin-top: 2px;
-}
-div.file-priority-radiobox > * {
-	font-size: 20px;
-	cursor: pointer;
-	display: inline-block;
-	width: 30px;
-	height: 12px;
-	border-style: solid;
-	border-color: #aaa;
-	border-width: 1px;
-	padding: 3px;
-}
-
-div.file-priority-radiobox > div.low {
-	border-top-left-radius: 5px;
-	border-bottom-left-radius: 5px;
-	-moz-border-radius-topleft: 5px;
-	-moz-border-radius-bottomleft: 5px;
-	border-right-width: 0px;
-
-	background: #D7D7D7;
-	background-image: url(images/file-priority-low.png); /* fallback */
-	background-image: url(images/file-priority-low.png), -webkit-gradient(linear, left top, left bottom, from(#EDEDED), to(#D7D7D7)); /* Saf4+, Chrome */
-	background-image: url(images/file-priority-low.png), -webkit-linear-gradient(top, #EDEDED, #D7D7D7); /* Chrome 10+, Saf5.1+ */
-	background-image: url(images/file-priority-low.png), -moz-linear-gradient(top, #EDEDED, #D7D7D7); /* FF3.6+ */
-	background-image: url(images/file-priority-low.png), -ms-linear-gradient(top, #EDEDED, #D7D7D7); /* IE10 */
-	background-image: url(images/file-priority-low.png), -o-linear-gradient(top, #EDEDED, #D7D7D7); /* Opera 11.10+ */
-	background-image: url(images/file-priority-low.png), linear-gradient(top, #EDEDED, #D7D7D7); /* W3C */
-	background-position: center;
-	background-repeat: no-repeat;
-}
-div.file-priority-radiobox > div.low.selected {
-	background: #93e8ff;
-	background-image: url(images/file-priority-low.png); /* fallback */
-	background-image: url(images/file-priority-low.png), -webkit-gradient(linear, left top, left bottom, from(#68abe6), to(#93e8ff)); /* Saf4+, Chrome */
-	background-image: url(images/file-priority-low.png), -webkit-linear-gradient(top, #68abe6, #93e8ff); /* Chrome 10+, Saf5.1+ */
-	background-image: url(images/file-priority-low.png), -moz-linear-gradient(top, #68abe6, #93e8ff); /* FF3.6+ */
-	background-image: url(images/file-priority-low.png), -ms-linear-gradient(top, #68abe6, #93e8ff); /* IE10 */
-	background-image: url(images/file-priority-low.png), -o-linear-gradient(top, #68abe6, #93e8ff); /* Opera 11.10+ */
-	background-image: url(images/file-priority-low.png), linear-gradient(top, #68abe6, #93e8ff); /* W3C */
-	background-position: center;
-	background-repeat: no-repeat;
-}
-
-
-div.file-priority-radiobox > div.normal {
-	background: #D7D7D7;
-	background-image: url(images/file-priority-normal.png); /* fallback */
-	background-image: url(images/file-priority-normal.png), -webkit-gradient(linear, left top, left bottom, from(#EDEDED), to(#D7D7D7)); /* Saf4+, Chrome */
-	background-image: url(images/file-priority-normal.png), -webkit-linear-gradient(top, #EDEDED, #D7D7D7); /* Chrome 10+, Saf5.1+ */
-	background-image: url(images/file-priority-normal.png), -moz-linear-gradient(top, #EDEDED, #D7D7D7); /* FF3.6+ */
-	background-image: url(images/file-priority-normal.png), -ms-linear-gradient(top, #EDEDED, #D7D7D7); /* IE10 */
-	background-image: url(images/file-priority-normal.png), -o-linear-gradient(top, #EDEDED, #D7D7D7); /* Opera 11.10+ */
-	background-image: url(images/file-priority-normal.png), linear-gradient(top, #EDEDED, #D7D7D7); /* W3C */
-	background-position: center;
-	background-repeat: no-repeat;
-}
-div.file-priority-radiobox > div.normal.selected {
-	background: #93e8ff;
-	background-image: url(images/file-priority-normal.png); /* fallback */
-	background-image: url(images/file-priority-normal.png), -webkit-gradient(linear, left top, left bottom, from(#68abe6), to(#93e8ff)); /* Saf4+, Chrome */
-	background-image: url(images/file-priority-normal.png), -webkit-linear-gradient(top, #68abe6, #93e8ff); /* Chrome 10+, Saf5.1+ */
-	background-image: url(images/file-priority-normal.png), -moz-linear-gradient(top, #68abe6, #93e8ff); /* FF3.6+ */
-	background-image: url(images/file-priority-normal.png), -ms-linear-gradient(top, #68abe6, #93e8ff); /* IE10 */
-	background-image: url(images/file-priority-normal.png), -o-linear-gradient(top, #68abe6, #93e8ff); /* Opera 11.10+ */
-	background-image: url(images/file-priority-normal.png), linear-gradient(top, #68abe6, #93e8ff); /* W3C */
-	background-position: center;
-	background-repeat: no-repeat;
-}
-
-
-div.file-priority-radiobox > div.high {
-	border-top-right-radius: 5px;
-	border-bottom-right-radius: 5px;
-	-moz-border-radius-topright: 5px;
-	-moz-border-radius-bottomright: 5px;
-	border-left-width: 0px;
-	background: #D7D7D7;
-	background-image: url(images/file-priority-high.png); /* fallback */
-	background-image: url(images/file-priority-high.png), -webkit-gradient(linear, left top, left bottom, from(#EDEDED), to(#D7D7D7)); /* Saf4+, Chrome */
-	background-image: url(images/file-priority-high.png), -webkit-linear-gradient(top, #EDEDED, #D7D7D7); /* Chrome 10+, Saf5.1+ */
-	background-image: url(images/file-priority-high.png), -moz-linear-gradient(top, #EDEDED, #D7D7D7); /* FF3.6+ */
-	background-image: url(images/file-priority-high.png), -ms-linear-gradient(top, #EDEDED, #D7D7D7); /* IE10 */
-	background-image: url(images/file-priority-high.png), -o-linear-gradient(top, #EDEDED, #D7D7D7); /* Opera 11.10+ */
-	background-image: url(images/file-priority-high.png), linear-gradient(top, #EDEDED, #D7D7D7); /* W3C */
-	background-position: center;
-	background-repeat: no-repeat;
-}
-div.file-priority-radiobox > div.high.selected {
-	background: #93e8ff;
-	background-image: url(images/file-priority-high.png); /* fallback */
-	background-image: url(images/file-priority-high.png), -webkit-gradient(linear, left top, left bottom, from(#68abe6), to(#93e8ff)); /* Saf4+, Chrome */
-	background-image: url(images/file-priority-high.png), -webkit-linear-gradient(top, #68abe6, #93e8ff); /* Chrome 10+, Saf5.1+ */
-	background-image: url(images/file-priority-high.png), -moz-linear-gradient(top, #68abe6, #93e8ff); /* FF3.6+ */
-	background-image: url(images/file-priority-high.png), -ms-linear-gradient(top, #68abe6, #93e8ff); /* IE10 */
-	background-image: url(images/file-priority-high.png), -o-linear-gradient(top, #68abe6, #93e8ff); /* Opera 11.10+ */
-	background-image: url(images/file-priority-high.png), linear-gradient(top, #68abe6, #93e8ff); /* W3C */
-	background-position: center;
-	background-repeat: no-repeat;
-}
-
+  display: inline;
+  float: right;
+  margin: 4px;
+  margin-top: 2px; }
+  div.file-priority-radiobox > * {
+    cursor: pointer;
+    -moz-user-select: none;
+    -webkit-user-select: none;
+    display: inline-block;
+    border-style: solid;
+    border-color: #aaa;
+    border-width: 1px;
+    padding: 3px;
+    width: 30px;
+    height: 12px; }
+  div.file-priority-radiobox > div.low {
+    -moz-border-radius-topleft: 5px;
+    -moz-border-radius-bottomleft: 5px;
+    border-top-left-radius: 5px;
+    border-bottom-left-radius: 5px;
+    background-color: #d4d4d4;
+    background-image: url("images/file-priority-low.png");
+    /* fallback */
+    background-image: url("images/file-priority-low.png"), -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#bbbbbb));
+    /* Saf4+, Chrome */
+    background-image: url("images/file-priority-low.png"), -webkit-linear-gradient(top, #eeeeee, #bbbbbb);
+    /* Chrome 10+, Saf5.1+ */
+    background-image: url("images/file-priority-low.png"), -moz-linear-gradient(top, #eeeeee, #bbbbbb);
+    /* FF3.6+ */
+    background-image: url("images/file-priority-low.png"), -ms-linear-gradient(top, #eeeeee, #bbbbbb);
+    /* IE10 */
+    background-image: url("images/file-priority-low.png"), -o-linear-gradient(top, #eeeeee, #bbbbbb);
+    /* Opera 11.10+ */
+    background-image: url("images/file-priority-low.png"), linear-gradient(top, #eeeeee, #bbbbbb);
+    /* W3C */
+    background-position: center;
+    background-repeat: no-repeat;
+    border-right-width: 0px; }
+    div.file-priority-radiobox > div.low.selected {
+      background-color: #7dc9f2;
+      background-image: url("images/file-priority-low.png");
+      /* fallback */
+      background-image: url("images/file-priority-low.png"), -webkit-gradient(linear, left top, left bottom, from(#68abe6), to(#93e8ff));
+      /* Saf4+, Chrome */
+      background-image: url("images/file-priority-low.png"), -webkit-linear-gradient(top, #68abe6, #93e8ff);
+      /* Chrome 10+, Saf5.1+ */
+      background-image: url("images/file-priority-low.png"), -moz-linear-gradient(top, #68abe6, #93e8ff);
+      /* FF3.6+ */
+      background-image: url("images/file-priority-low.png"), -ms-linear-gradient(top, #68abe6, #93e8ff);
+      /* IE10 */
+      background-image: url("images/file-priority-low.png"), -o-linear-gradient(top, #68abe6, #93e8ff);
+      /* Opera 11.10+ */
+      background-image: url("images/file-priority-low.png"), linear-gradient(top, #68abe6, #93e8ff);
+      /* W3C */
+      background-position: center;
+      background-repeat: no-repeat; }
+  div.file-priority-radiobox > div.normal {
+    background-color: #d4d4d4;
+    background-image: url("images/file-priority-normal.png");
+    /* fallback */
+    background-image: url("images/file-priority-normal.png"), -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#bbbbbb));
+    /* Saf4+, Chrome */
+    background-image: url("images/file-priority-normal.png"), -webkit-linear-gradient(top, #eeeeee, #bbbbbb);
+    /* Chrome 10+, Saf5.1+ */
+    background-image: url("images/file-priority-normal.png"), -moz-linear-gradient(top, #eeeeee, #bbbbbb);
+    /* FF3.6+ */
+    background-image: url("images/file-priority-normal.png"), -ms-linear-gradient(top, #eeeeee, #bbbbbb);
+    /* IE10 */
+    background-image: url("images/file-priority-normal.png"), -o-linear-gradient(top, #eeeeee, #bbbbbb);
+    /* Opera 11.10+ */
+    background-image: url("images/file-priority-normal.png"), linear-gradient(top, #eeeeee, #bbbbbb);
+    /* W3C */
+    background-position: center;
+    background-repeat: no-repeat; }
+    div.file-priority-radiobox > div.normal.selected {
+      background-color: #7dc9f2;
+      background-image: url("images/file-priority-normal.png");
+      /* fallback */
+      background-image: url("images/file-priority-normal.png"), -webkit-gradient(linear, left top, left bottom, from(#68abe6), to(#93e8ff));
+      /* Saf4+, Chrome */
+      background-image: url("images/file-priority-normal.png"), -webkit-linear-gradient(top, #68abe6, #93e8ff);
+      /* Chrome 10+, Saf5.1+ */
+      background-image: url("images/file-priority-normal.png"), -moz-linear-gradient(top, #68abe6, #93e8ff);
+      /* FF3.6+ */
+      background-image: url("images/file-priority-normal.png"), -ms-linear-gradient(top, #68abe6, #93e8ff);
+      /* IE10 */
+      background-image: url("images/file-priority-normal.png"), -o-linear-gradient(top, #68abe6, #93e8ff);
+      /* Opera 11.10+ */
+      background-image: url("images/file-priority-normal.png"), linear-gradient(top, #68abe6, #93e8ff);
+      /* W3C */
+      background-position: center;
+      background-repeat: no-repeat; }
+  div.file-priority-radiobox > div.high {
+    -moz-border-radius-topright: 5px;
+    -moz-border-radius-bottomright: 5px;
+    border-top-right-radius: 5px;
+    border-bottom-right-radius: 5px;
+    background-color: #d4d4d4;
+    background-image: url("images/file-priority-high.png");
+    /* fallback */
+    background-image: url("images/file-priority-high.png"), -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#bbbbbb));
+    /* Saf4+, Chrome */
+    background-image: url("images/file-priority-high.png"), -webkit-linear-gradient(top, #eeeeee, #bbbbbb);
+    /* Chrome 10+, Saf5.1+ */
+    background-image: url("images/file-priority-high.png"), -moz-linear-gradient(top, #eeeeee, #bbbbbb);
+    /* FF3.6+ */
+    background-image: url("images/file-priority-high.png"), -ms-linear-gradient(top, #eeeeee, #bbbbbb);
+    /* IE10 */
+    background-image: url("images/file-priority-high.png"), -o-linear-gradient(top, #eeeeee, #bbbbbb);
+    /* Opera 11.10+ */
+    background-image: url("images/file-priority-high.png"), linear-gradient(top, #eeeeee, #bbbbbb);
+    /* W3C */
+    background-position: center;
+    background-repeat: no-repeat;
+    border-left-width: 0px; }
+    div.file-priority-radiobox > div.high.selected {
+      background-color: #7dc9f2;
+      background-image: url("images/file-priority-high.png");
+      /* fallback */
+      background-image: url("images/file-priority-high.png"), -webkit-gradient(linear, left top, left bottom, from(#68abe6), to(#93e8ff));
+      /* Saf4+, Chrome */
+      background-image: url("images/file-priority-high.png"), -webkit-linear-gradient(top, #68abe6, #93e8ff);
+      /* Chrome 10+, Saf5.1+ */
+      background-image: url("images/file-priority-high.png"), -moz-linear-gradient(top, #68abe6, #93e8ff);
+      /* FF3.6+ */
+      background-image: url("images/file-priority-high.png"), -ms-linear-gradient(top, #68abe6, #93e8ff);
+      /* IE10 */
+      background-image: url("images/file-priority-high.png"), -o-linear-gradient(top, #68abe6, #93e8ff);
+      /* Opera 11.10+ */
+      background-image: url("images/file-priority-high.png"), linear-gradient(top, #68abe6, #93e8ff);
+      /* W3C */
+      background-position: center;
+      background-repeat: no-repeat; }
 
 /****
 *****
 *****  MAIN WINDOW FOOTER
 *****
 ****/
-
 div.torrent_footer {
-	height: 22px;
-	border-top: 1px solid #555;
-	bottom: 0;
-	position: fixed;
-	width: 100%;
-	z-index: 3;
-}
-
-div.torrent_footer > * {
-	position: relative;
-	float: left;
-	margin: 2px 4px;
-}
-div.torrent_footer > *,
-div.torrent_footer ul#settings_menu li#button {
-	height: 18px;
-	width: 32px;
-	cursor: pointer;
-	-moz-user-select: none;
-	-webkit-user-select: none;
-}
-
-div.torrent_footer ul#settings_menu li#button {
-	background: transparent url('images/chrome.png') left top no-repeat;
-	padding: 0;
-	position: relative;
-}
-div.torrent_footer ul#settings_menu li#button:hover,
-div.torrent_footer ul#settings_menu li#button:active {
-	background-position: -32px top;
-}
-
-#turtle-button {
-	background: transparent url('images/chrome.png') left -18px no-repeat;
-}
-#turtle-button:hover,
-#turtle-button:active {
-	background-position: -32px -18px;
-}
-#turtle-button.enabled {
-	background-position: left -36px;
-}
-#turtle-button.enabled:hover,
-#turtle-button.enabled:active {
-	background-position: -32px -36px;
-}
-
-#compact-button {
-	background: transparent url('images/chrome.png') left -54px no-repeat;
-}
-#compact-button:hover,
-#compact-button:active {
-	background-position: -32px -54px;
-}
-#compact-button.enabled {
-	background-position: left -72px;
-}
-#compact-button.enabled:hover,
-#compact-button.enabled:active {
-	background-position: -32px -72px;
-}
-
-#prefs-button {
-	display: none;
-}
-
+  height: 22px;
+  border-top: 1px solid #555;
+  bottom: 0;
+  position: fixed;
+  width: 100%;
+  z-index: 3; }
+  div.torrent_footer > * {
+    cursor: pointer;
+    -moz-user-select: none;
+    -webkit-user-select: none;
+    display: inline-block;
+    border-style: solid;
+    border-color: #aaa;
+    border-width: 1px;
+    padding: 3px;
+    border-top-left-radius: 3px;
+    border-top-right-radius: 3px;
+    border-bottom-left-radius: 3px;
+    border-bottom-right-radius: 3px;
+    -moz-border-radius-topleft: 3px;
+    -moz-border-radius-bottomleft: 3px;
+    -moz-border-radius-topright: 3px;
+    -moz-border-radius-bottomright: 3px;
+    background-color: #d4d4d4;
+    background-image: url("images/settings.png");
+    /* fallback */
+    background-image: url("images/settings.png"), -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#bbbbbb));
+    /* Saf4+, Chrome */
+    background-image: url("images/settings.png"), -webkit-linear-gradient(top, #eeeeee, #bbbbbb);
+    /* Chrome 10+, Saf5.1+ */
+    background-image: url("images/settings.png"), -moz-linear-gradient(top, #eeeeee, #bbbbbb);
+    /* FF3.6+ */
+    background-image: url("images/settings.png"), -ms-linear-gradient(top, #eeeeee, #bbbbbb);
+    /* IE10 */
+    background-image: url("images/settings.png"), -o-linear-gradient(top, #eeeeee, #bbbbbb);
+    /* Opera 11.10+ */
+    background-image: url("images/settings.png"), linear-gradient(top, #eeeeee, #bbbbbb);
+    /* W3C */
+    background-position: center;
+    background-repeat: no-repeat;
+    float: left;
+    margin: 2px 4px;
+    height: 10px;
+    width: 24px;
+    border: 1px solid #666; }
+    div.torrent_footer > *:active {
+      background-color: #7dc9f2;
+      background-image: url("images/settings.png");
+      /* fallback */
+      background-image: url("images/settings.png"), -webkit-gradient(linear, left top, left bottom, from(#68abe6), to(#93e8ff));
+      /* Saf4+, Chrome */
+      background-image: url("images/settings.png"), -webkit-linear-gradient(top, #68abe6, #93e8ff);
+      /* Chrome 10+, Saf5.1+ */
+      background-image: url("images/settings.png"), -moz-linear-gradient(top, #68abe6, #93e8ff);
+      /* FF3.6+ */
+      background-image: url("images/settings.png"), -ms-linear-gradient(top, #68abe6, #93e8ff);
+      /* IE10 */
+      background-image: url("images/settings.png"), -o-linear-gradient(top, #68abe6, #93e8ff);
+      /* Opera 11.10+ */
+      background-image: url("images/settings.png"), linear-gradient(top, #68abe6, #93e8ff);
+      /* W3C */
+      background-position: center;
+      background-repeat: no-repeat; }
+  div.torrent_footer #turtle-button {
+    background-color: #d4d4d4;
+    background-image: url("images/turtle.png");
+    /* fallback */
+    background-image: url("images/turtle.png"), -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#bbbbbb));
+    /* Saf4+, Chrome */
+    background-image: url("images/turtle.png"), -webkit-linear-gradient(top, #eeeeee, #bbbbbb);
+    /* Chrome 10+, Saf5.1+ */
+    background-image: url("images/turtle.png"), -moz-linear-gradient(top, #eeeeee, #bbbbbb);
+    /* FF3.6+ */
+    background-image: url("images/turtle.png"), -ms-linear-gradient(top, #eeeeee, #bbbbbb);
+    /* IE10 */
+    background-image: url("images/turtle.png"), -o-linear-gradient(top, #eeeeee, #bbbbbb);
+    /* Opera 11.10+ */
+    background-image: url("images/turtle.png"), linear-gradient(top, #eeeeee, #bbbbbb);
+    /* W3C */
+    background-position: center;
+    background-repeat: no-repeat; }
+    div.torrent_footer #turtle-button.selected {
+      background-color: #7dc9f2;
+      background-image: url("images/turtle.png");
+      /* fallback */
+      background-image: url("images/turtle.png"), -webkit-gradient(linear, left top, left bottom, from(#68abe6), to(#93e8ff));
+      /* Saf4+, Chrome */
+      background-image: url("images/turtle.png"), -webkit-linear-gradient(top, #68abe6, #93e8ff);
+      /* Chrome 10+, Saf5.1+ */
+      background-image: url("images/turtle.png"), -moz-linear-gradient(top, #68abe6, #93e8ff);
+      /* FF3.6+ */
+      background-image: url("images/turtle.png"), -ms-linear-gradient(top, #68abe6, #93e8ff);
+      /* IE10 */
+      background-image: url("images/turtle.png"), -o-linear-gradient(top, #68abe6, #93e8ff);
+      /* Opera 11.10+ */
+      background-image: url("images/turtle.png"), linear-gradient(top, #68abe6, #93e8ff);
+      /* W3C */
+      background-position: center;
+      background-repeat: no-repeat; }
+  div.torrent_footer #compact-button {
+    background-color: #d4d4d4;
+    background-image: url("images/compact.png");
+    /* fallback */
+    background-image: url("images/compact.png"), -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#bbbbbb));
+    /* Saf4+, Chrome */
+    background-image: url("images/compact.png"), -webkit-linear-gradient(top, #eeeeee, #bbbbbb);
+    /* Chrome 10+, Saf5.1+ */
+    background-image: url("images/compact.png"), -moz-linear-gradient(top, #eeeeee, #bbbbbb);
+    /* FF3.6+ */
+    background-image: url("images/compact.png"), -ms-linear-gradient(top, #eeeeee, #bbbbbb);
+    /* IE10 */
+    background-image: url("images/compact.png"), -o-linear-gradient(top, #eeeeee, #bbbbbb);
+    /* Opera 11.10+ */
+    background-image: url("images/compact.png"), linear-gradient(top, #eeeeee, #bbbbbb);
+    /* W3C */
+    background-position: center;
+    background-repeat: no-repeat; }
+    div.torrent_footer #compact-button.selected {
+      background-color: #7dc9f2;
+      background-image: url("images/compact.png");
+      /* fallback */
+      background-image: url("images/compact.png"), -webkit-gradient(linear, left top, left bottom, from(#68abe6), to(#93e8ff));
+      /* Saf4+, Chrome */
+      background-image: url("images/compact.png"), -webkit-linear-gradient(top, #68abe6, #93e8ff);
+      /* Chrome 10+, Saf5.1+ */
+      background-image: url("images/compact.png"), -moz-linear-gradient(top, #68abe6, #93e8ff);
+      /* FF3.6+ */
+      background-image: url("images/compact.png"), -ms-linear-gradient(top, #68abe6, #93e8ff);
+      /* IE10 */
+      background-image: url("images/compact.png"), -o-linear-gradient(top, #68abe6, #93e8ff);
+      /* Opera 11.10+ */
+      background-image: url("images/compact.png"), linear-gradient(top, #68abe6, #93e8ff);
+      /* W3C */
+      background-position: center;
+      background-repeat: no-repeat; }
+  div.torrent_footer #prefs-button {
+    display: none; }
 
 /****
 *****
 *****  DIALOGS
 *****
 ****/
-
 div.dialog_container {
-	position: absolute;
-	top: 0;
-	left: 0px;
-	margin: 0px;
-	width: 100%;
-	height: 100%;
-	text-align: center;
-	color: black;
-	font-size: 1.1em;
-}
+  position: absolute;
+  top: 0;
+  left: 0px;
+  margin: 0px;
+  width: 100%;
+  height: 100%;
+  text-align: center;
+  color: black;
+  font-size: 1.1em; }
 
 div.dialog_container div.dialog_window {
-	background-color: #eee;
-	margin: 0 auto;
-	opacity: .95;
-	border-top: none;
-	text-align: left;
-	width: 420px;
-	z-index: 10;
-	overflow: hidden;
-	position: relative;
-	-webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.7);
-	top: 80px;
-}
-@media screen and (-webkit-min-device-pixel-ratio:0) {
-	div.dialog_container div.dialog_window {
-		top: 0;
-		margin-top: 71px;
-	}
-}
+  background-color: #eee;
+  margin: 0 auto;
+  opacity: .95;
+  border-top: none;
+  text-align: left;
+  width: 420px;
+  z-index: 10;
+  overflow: hidden;
+  position: relative;
+  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.7);
+  top: 80px; }
 
+@media screen and (-webkit-min-device-pixel-ratio:0) {
+  div.dialog_container div.dialog_window {
+    top: 0;
+    margin-top: 71px; } }
 div.dialog_container .dialog_logo {
-	width: 64px;
-	height: 64px;
-	margin: 20px 20px 0 20px;
-	float: left;
-	background: transparent url('images/logo.png') top left no-repeat;
-}
+  width: 64px;
+  height: 64px;
+  margin: 20px 20px 0 20px;
+  float: left;
+  background: transparent url("images/logo.png") top left no-repeat; }
 
 div.dialog_container div.dialog_window h2.dialog_heading {
-	display: block;
-	float: left;
-	width: 305px;
-	font-size: 1.2em;
-	color: black;
-	margin-top: 20px;
-}
+  display: block;
+  float: left;
+  width: 305px;
+  font-size: 1.2em;
+  color: black;
+  margin-top: 20px; }
 
 div.dialog_container div.dialog_window div.dialog_message {
-	float: left;
-	padding-left: 3px;
-	margin-left: -3px;
-	width: 305px;
-	overflow: hidden;
-}
+  float: left;
+  padding-left: 3px;
+  margin-left: -3px;
+  width: 305px;
+  overflow: hidden; }
 
 div.dialog_container div.dialog_window a {
-	display: block;
-	float: right;
-	margin: 10px 20px 10px -8px;
-	padding: 5px;
-	background-color: #EEE;
-	border: 1px solid #787878;
-	width: 50px;
-	height: 15px;
-	text-align: center;
-	font-weight: bold;
-	text-decoration: none;
-	color: #323232;
-	-webkit-appearance: button;
-	font: -webkit-control;
-	cursor: default;
-}
+  display: block;
+  float: right;
+  margin: 10px 20px 10px -8px;
+  padding: 5px;
+  background-color: #EEE;
+  border: 1px solid #787878;
+  width: 50px;
+  height: 15px;
+  text-align: center;
+  font-weight: bold;
+  text-decoration: none;
+  color: #323232;
+  -webkit-appearance: button;
+  font: -webkit-control;
+  cursor: default; }
 
 div.dialog_container div.dialog_window a:hover,
 div.dialog_container div.dialog_window a:active {
-	background: #C0C8D6 url('images/filter_bar.png') bottom repeat-x;
-}
+  background: #c0c8d6 url("images/filter_bar.png") bottom repeat-x; }
 
 div#upload_container div.dialog_window div.dialog_message label {
-	margin-top: 15px;
-	display: block;
-}
+  margin-top: 15px;
+  display: block; }
 
 div#upload_container div.dialog_window div.dialog_message input {
-	width: 249px;
-	margin: 3px 0 0 0;
-	display: block;
-}
+  width: 249px;
+  margin: 3px 0 0 0;
+  display: block; }
 
 div#upload_container div.dialog_window div.dialog_message input[type=text] {
-	width: 245px;
-	padding: 2px;
-}
+  width: 245px;
+  padding: 2px; }
 
 div#upload_container div.dialog_window div.dialog_message input[type=checkbox] {
-	margin: 15px 3px 0 0;
-	display: inline;
-	width: auto;
-}
+  margin: 15px 3px 0 0;
+  display: inline;
+  width: auto; }
 
 div#upload_container div.dialog_window div.dialog_message #auto_start_label {
-	display: inline;
-}
+  display: inline; }
 
 div.dialog_container div.dialog_window form {
-	margin: 0;
-	padding: 0px;
-}
+  margin: 0;
+  padding: 0px; }
 
 iframe#torrent_upload_frame {
-	display: block; /* Don't change this : safari forms won't target hidden frames (they open a new window) */
-	position: absolute;
-	top: -1000px;
-	left: -1000px;
-	width: 0px;
-	height: 0px;
-	border: none;
-	padding: 0;
-	margin: 0;
-}
+  display: block;
+  /* Don't change this : safari forms won't target hidden frames (they open a new window) */
+  position: absolute;
+  top: -1000px;
+  left: -1000px;
+  width: 0px;
+  height: 0px;
+  border: none;
+  padding: 0;
+  margin: 0; }
 
 /****
 *****
 *****  POPUP MENU
 *****
 ****/
-
 .trans_menu {
-	margin: 0;
-	padding: 0;
-}
+  margin: 0;
+  padding: 0; }
 
 .trans_menu,
 .trans_menu ul {
-	list-style: none;
-}
+  list-style: none; }
 
 .trans_menu ul {
-	/* place it right above the button */
-	position: relative;
-	bottom: 18px;
-
-	min-width: 210px;
-	background-color: white;
-	padding: 5px 0;
-	text-align: left;
-	list-style: none;
-	-webkit-border-radius: 5px;
-	-webkit-box-shadow: 0 10px 25px rgba(0,0,0,0.4);
-}
+  /* place it right above the button */
+  position: relative;
+  bottom: 18px;
+  min-width: 210px;
+  background-color: white;
+  padding: 5px 0;
+  text-align: left;
+  list-style: none;
+  -webkit-border-radius: 5px;
+  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); }
 
 .trans_menu ul ul {
-	min-width: 150px;
-}
+  min-width: 150px; }
 
 .trans_menu ul ul#footer_sort_menu {
-	min-width: 175px;
-}
+  min-width: 175px; }
 
 .trans_menu > * li {
-	margin: 0;
-	padding: 3px 10px 3px 20px !important;
-	color: #000;
-	cursor: default;
-	text-indent: auto !important;
-	width: inherit;
-}
-
-.trans_menu li.hover {
-	z-index: 1 !important; /* the hover z-index has to be below the normal one the hovering items may be drawn over a submenu */
-	background-color: #24e;
-	color: #fff;
-	text-shadow: none;
-}
+  margin: 0;
+  padding: 3px 10px 3px 20px !important;
+  color: #000;
+  cursor: default;
+  text-indent: auto !important;
+  width: inherit; }
 
 .trans_menu li.separator,
 .trans_menu li.separator.hover {
-	border-top: 1px solid #ddd;
-	margin: 5px 0;
-	padding: 0px;
-	background: transparent;
-}
+  border-top: 1px solid #ddd;
+  margin: 5px 0;
+  padding: 0px;
+  background: transparent; }
 
 .trans_menu li span.arrow {
-	float: right;
-}
+  float: right; }
 
 .trans_menu li.hover li.hover span.arrow, .trans_menu li.hover li.hover li.hover span.selected {
-	color: white;
-}
+  color: white; }
 
 .trans_menu span.selected {
-	margin: 0 3px 0 -15px;
-	color: #666;
-	float: left;
-}
+  margin: 0 3px 0 -15px;
+  color: #666;
+  float: left; }
 
 .trans_menu div.outerbox {
-	display: none;
-	background: transparent;
-	border: 1px solid rgba(0,0,0,0.1);
-	-webkit-border-radius: 5px;
-}
+  display: none;
+  background: transparent;
+  border: 1px solid rgba(0, 0, 0, 0.1);
+  -webkit-border-radius: 5px; }
 
 .trans_menu div.inner {
-	left: 0;
-	margin: 0;
-}
+  left: 0;
+  margin: 0; }
 
 .trans_menu li.main li {
-	z-index: 2;
-	min-width: 78px;
-}
+  z-index: 2;
+  min-width: 78px; }
 
 .trans_menu a {
-	text-decoration: none;
-	cursor: default;
-}
+  text-decoration: none;
+  cursor: default; }
 
 /*--------------------------------------
  *
  * C O N T E X T   M E N U
  *
  *--------------------------------------*/
-
 div#jqContextMenu {
-	-webkit-border-radius: 5px;
-	border: 1px solid rgba(0,0,0,0.1);
-	-moz-user-select: none;
-	-webkit-user-select: none;
-}
+  -webkit-border-radius: 5px;
+  border: 1px solid rgba(0, 0, 0, 0.1);
+  -moz-user-select: none;
+  -webkit-user-select: none; }
 
 div#jqContextMenu ul {
-	filter: alpha(opacity=98);
-	-moz-opacity: .98;
-	opacity: .98;
-	-webkit-box-shadow: 0 10px 25px rgba(0,0,0,0.4);
-	-webkit-border-radius: 5px;
-}
+  filter: alpha(opacity=98);
+  -moz-opacity: .98;
+  opacity: .98;
+  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4);
+  -webkit-border-radius: 5px; }
 
 div#jqContextMenu li.separator, div#jqContextMenu li.separator:hover {
-	background: inherit !important;
-	border-top: 1px solid #ddd !important;
-	margin: 5px 0 !important;
-	padding: 0px;
-}
+  background: inherit !important;
+  border-top: 1px solid #ddd !important;
+  margin: 5px 0 !important;
+  padding: 0px; }
diff --git a/web/style/transmission/common.scss b/web/style/transmission/common.scss
new file mode 100644
index 000000000..fd0b486e0
--- /dev/null
+++ b/web/style/transmission/common.scss
@@ -0,0 +1,1246 @@
+/*--------------------------------------
+ *
+ * G L O B A L
+ *
+ *--------------------------------------*/
+
+html {
+	margin: 0;
+/* setting border: 0 hoses ie6 win window inner well border */
+	padding: 0;
+	height: 100%;
+}
+
+body {
+	font: 62.5% "lucida grande", Tahoma, Verdana, Arial, Helvetica, sans-serif; /* Resets 1em to 10px */
+	color: #222;/* !important; */
+	background: #FFF;
+	text-align: center;
+	margin: 0 0 30px;
+	overflow: hidden;
+}
+
+img {
+	border: none;
+}
+
+a {
+	outline: 0;
+}
+
+@mixin verticalGradient($topColor, $bottomColor) {
+	background-color: mix($topColor, $bottomColor);
+	background-image: -webkit-gradient(linear, left top, left bottom, from($topColor), to($bottomColor)); 
+	background-image: -webkit-linear-gradient(top, $topColor, $bottomColor); 
+	background-image:    -moz-linear-gradient(top, $topColor, $bottomColor); 
+	background-image:     -ms-linear-gradient(top, $topColor, $bottomColor); 
+	background-image:      -o-linear-gradient(top, $topColor, $bottomColor); 
+	background-image:         linear-gradient(top, $topColor, $bottomColor);
+}
+
+@mixin imageOnVerticalGradient($src, $topColor, $bottomColor) {
+	background-color: mix($topColor, $bottomColor);
+	background-image: url($src); /* fallback */
+	background-image: url($src), -webkit-gradient(linear, left top, left bottom, from($topColor), to($bottomColor)); /* Saf4+, Chrome */
+	background-image: url($src), -webkit-linear-gradient(top, $topColor, $bottomColor); /* Chrome 10+, Saf5.1+ */
+	background-image: url($src), -moz-linear-gradient(top, $topColor, $bottomColor); /* FF3.6+ */
+	background-image: url($src), -ms-linear-gradient(top, $topColor, $bottomColor); /* IE10 */
+	background-image: url($src), -o-linear-gradient(top, $topColor, $bottomColor); /* Opera 11.10+ */
+	background-image: url($src), linear-gradient(top, $topColor, $bottomColor); /* W3C */
+	background-position: center;
+	background-repeat: no-repeat;
+}
+
+$nonselected-gradient-color-top: #EEE;
+$nonselected-gradient-color-bottom: #BBB;
+$selected-gradient-color-top: #68abe6;
+$selected-gradient-color-bottom: #93e8ff;
+
+@mixin button {
+	cursor: pointer;
+	-moz-user-select: none;
+	-webkit-user-select: none;
+	display: inline-block;
+	border-style: solid;
+	border-color: #aaa;
+	border-width: 1px;
+	padding: 3px;
+}
+@mixin roundedButton($radius) {
+	@include button;
+	border-top-left-radius: $radius;
+	border-top-right-radius: $radius;
+	border-bottom-left-radius: $radius;
+	border-bottom-right-radius: $radius;
+	-moz-border-radius-topleft: $radius;
+	-moz-border-radius-bottomleft: $radius;
+	-moz-border-radius-topright: $radius;
+	-moz-border-radius-bottomright: $radius;
+}
+
+@mixin leftRoundedBox($radius) {
+	-moz-border-radius-topleft: $radius;
+	-moz-border-radius-bottomleft: $radius;
+	border-top-left-radius: $radius;
+	border-bottom-left-radius: $radius;
+}
+@mixin rightRoundedBox($radius) {
+	-moz-border-radius-topright: $radius;
+	-moz-border-radius-bottomright: $radius;
+	border-top-right-radius: $radius;
+	border-bottom-right-radius: $radius;
+}
+
+
+#toolbar,
+#statusbar,
+.torrent_footer {
+	@include verticalGradient($nonselected-gradient-color-top, $nonselected-gradient-color-bottom);
+}
+
+/***
+****
+****  ABOUT DIALOG
+****
+***/
+
+#about-dialog > * {
+	text-align: center;
+}
+#about-dialog > #about-logo {
+	background: transparent url('images/logo.png') top left no-repeat;
+	width: 64px;
+	height: 64px;
+	margin-left: 100px;
+}
+#about-dialog > #about-title {
+	font-size: 1.3em;
+	font-weight: bold;
+}
+
+/***
+****
+****  TOOLBAR
+****
+***/
+
+#toolbar
+{
+	width: 100%;
+	height: 75px;
+	margin: 0;
+	border-bottom: 1px outset #AEBBCB;
+	overflow: hidden;
+	-moz-user-select: none;
+	-webkit-user-select: none;
+
+	ul
+	{
+		height: 50px;
+		margin: 0;
+		padding: 0 7px;
+		text-align: center;
+
+		li
+		{
+			list-style-type: none;
+			list-style-image: none;
+			float: left;
+			margin: 13px 0 0 0;
+			height: 50px;
+			padding: 0 8px;
+			cursor: pointer;
+
+			> div {
+				text-shadow: 0 1px 0 #ccc;
+				min-width: 32px;
+			}
+
+			div.toolbar_image {
+				width: 32px;
+				height: 32px;
+				margin: 0 auto 5px;
+				background-image: url('images/buttons/toolbar_buttons.png');
+			}
+
+			&.disabled > div {
+				text-shadow: 0 1px 0 #fff;
+				opacity: 0.25;
+				cursor: default;
+			}
+
+			&.divider {
+				width: 0;
+				border-right: 1px dotted black;
+				opacity: 0.2;
+				margin: 14px 4px 0;
+				height: 49px;
+			}
+
+			/* toolbar images */
+			&#open            div        div.toolbar_image { background-position: left     0px; }
+			&#open            div:active div.toolbar_image { background-position: right    0px; }
+			&#remove          div        div.toolbar_image { background-position: left   -32px; }
+			&#remove          div:active div.toolbar_image { background-position: right  -32px; }
+			&#resume_selected div        div.toolbar_image { background-position: left   -96px; }
+			&#resume_selected div:active div.toolbar_image { background-position: right  -96px; }
+			&#pause_selected  div        div.toolbar_image { background-position: left   -64px; }
+			&#pause_selected  div:active div.toolbar_image { background-position: right  -64px; }
+			&#pause_all       div        div.toolbar_image { background-position: left  -128px; }
+			&#pause_all       div:active div.toolbar_image { background-position: right -128px; }
+			&#resume_all      div        div.toolbar_image { background-position: left  -160px; }
+			&#resume_all      div:active div.toolbar_image { background-position: right -160px; }
+			&#filter          div        div.toolbar_image { background-position: left  -192px; }
+			&#filter          div:active div.toolbar_image { background-position: right -192px; }
+			&#inspector       div        div.toolbar_image { background-position: left  -224px; }
+			&#inspector       div:active div.toolbar_image { background-position: right -224px; }
+		}
+	}
+
+
+	#inspector {
+		float: right;
+	}
+}
+
+/***
+****
+****  STATUSBAR
+****
+***/
+
+#statusbar
+{
+	height: 24px;
+	width: 100%;
+	border-bottom: 1px outset #AEBBCB;
+	overflow: hidden;
+	position: relative;
+
+	#speed-info {
+		margin-top: 5px;
+		margin-left: 45%;
+		text-align: left;
+	}
+
+	#filter-button {
+		float: left;
+		text-shadow: 0 1px 0 #ccc;
+		margin: 5px 8px;
+		-moz-user-select: none;
+		-webkit-user-select: none;
+
+		&:hover {
+			cursor: pointer;
+		}
+
+		.filter-selection {
+			text-decoration: underline;
+		}
+	}
+
+	input#torrent_search
+	{
+		float: right;
+		height: 15px;
+		width: 100px;
+		border: solid 0 #fff;
+		padding: 2px;
+		margin: 4px 5px 0 0;
+		border-radius: 10px;
+
+		&.blur {
+			color: #999;
+		}
+	}
+}
+
+/***
+****
+****  FILTER POPUP
+****
+***/
+
+#filter-popup
+{
+        color: #222;/* !important; */
+        background: #FFF;
+        z-index: 100;
+
+	li { text-align: left }
+
+	.count {
+		padding-left: 3px;
+	}
+
+	.row {
+		text-align: left;
+		cursor: pointer;
+		margin: 8px 2px;
+		position: relative;
+		height: 18px;
+		-moz-user-select: none;
+		-webkit-user-select: none;
+
+		.filter-img {
+			border: none;
+			width: 16px;
+			height: 16px;
+			position: absolute;
+			left: 0px;
+		}
+		.filter-name {
+			position: absolute;
+			left: 20px;
+		}
+		.count {
+			float: right;
+			color: #aaa;
+		}
+		&:hover, &.selected {
+			font-weight: bold;
+		}
+	}
+
+	#filter-by-state {
+		float: left;
+		width: 120px;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		.row .filter-img { display: none; }
+		.row .filter-name { left: 0px; }
+	}
+
+	#filter-by-tracker {
+		float: right;
+		width: 130px;
+		overflow: hidden;
+		text-overflow: ellipsis;
+	}
+}
+
+/***
+****
+****  TORRENT CONTAINER
+****
+***/
+
+div#torrent_container {
+	position: fixed;
+	top: 102px;
+	bottom: 22px;
+	right: 0px;
+	left: 0px;
+	padding: 0px;
+	margin: 0px;
+	overflow: auto;
+}
+
+ul.torrent_list
+{
+	width: 100%;
+	margin: 0;
+	padding: 0;
+	text-align: left;
+	cursor: pointer;
+
+	li.torrent
+	{
+		border-bottom: 1px solid #ccc;
+		padding: 4px 30px 5px 10px; /* Make space for buttons on the right */
+		color: #666;
+
+		&.compact { padding: 4px; }
+		&.even { background-color: #EDF3FE; }
+		&.selected
+		{
+			color: white;
+			background-color: #3879D7;
+
+			div.torrent_progress_details.error,
+			div.torrent_peer_details.error,
+			div.torrent_name {
+				color: #FFF;
+			}
+		}
+
+		a img {
+			position: relative;
+			right: -10px;
+		}
+
+		div.torrent_name
+		{
+			font-size: 1.3em;
+			font-weight: bold;
+			overflow: hidden;
+			text-overflow: ellipsis;
+			white-space: nowrap;
+			color: #222;
+			margin-top: 2px;
+			margin-bottom: 2px;
+
+			&.compact { font-size: 1.0em; font-weight: normal; }
+			&.paused { font-weight: normal; color: #777; }
+		}
+
+		div.torrent_progress_details,
+		div.torrent_peer_details {
+			clear: left;
+			font-size: 1em;
+			overflow: hidden;
+			text-overflow: ellipsis;
+			white-space: nowrap;
+		}
+
+		div.torrent_progress_details.error,
+		div.torrent_peer_details.error {
+			color: #FF0000;
+		}
+	}
+}
+
+
+/**
+ * Progressbar
+ *
+ * Each progressbar has three elemens: a parent container and two children,
+ * complete and incomplete.
+ *
+ * The only thing needed to set the progressbar percentage is to set
+ * the complete child's width as a percentage. This is because incomplete
+ * is pinned to the full width and height of the parent, and complete
+ * is pinned to the left side of the parent and has a higher z-index.
+ *
+ * The progressbar has different colors depending on its state, so there
+ * are five 'decorator' classNames: paused, queued, magnet, leeching, seeding.
+ */
+
+ul.torrent_list
+{
+	div.torrent_progress_bar_container
+	{
+		height: 10px;
+		position: relative;
+
+		&.compact {
+			width: 50px;
+			position: absolute;
+			right: 10px;
+			margin-top: 2px;
+			/*float: right;*/
+		}
+		&.full {
+			margin-top: 2px;
+			margin-bottom: 5px;
+		}
+	}
+	div.torrent_peer_details.compact
+	{
+		margin-top: 2px;
+		margin-right: 65px; /* leave room on the right for the progressbar */
+		float: right; /* pins it next to progressbar & forces torrent_name to ellipsize when it bumps up against this div */
+	}
+	div.torrent_progress_bar
+	{
+		height: 100%;
+		position: absolute;
+		top: 0px;
+		left: 0px;
+		background-image: url('images/progress.png');
+		background-repeat: repeat-x;
+		border: 1px solid #888;
+
+		&.complete                   { z-index: 2; }
+		&.complete.paused            { background-position: left -30px; border-color: #989898; }
+		&.complete.magnet            { background-position: left -20px; border-color: #CFCFCF; }
+		&.complete.leeching          { background-position: left   0px; border-color: #3D9DEA; }
+		&.complete.leeching.queued   { background-position: left -70px; border-color: #889CA5; }
+		&.complete.seeding           { background-position: left -40px; border-color: #269E30; }
+		&.complete.seeding.queued    { background-position: left -60px; border-color: #8A998D; }
+		&.incomplete                 { z-index: 1; width: 100%; }
+		&.incomplete.paused          { background-position: left -20px; border-color: #CFCFCF; }
+		&.incomplete.magnet          { background-position: left -50px; border-color: #D47778; }
+		&.incomplete.leeching        { background-position: left -20px; border-color: #CFCFCF; }
+		&.incomplete.leeching.queued { background-position: left -80px; border-color: #C4C4C4; }
+		&.incomplete.seeding         { background-position: left -10px; border-color: #29AD35; }
+	}
+}
+
+/****
+*****  START / STOP BUTTON
+****/
+
+li.torrent a
+{
+	float: right;
+	position: relative;
+	right: -22px;
+	top: 1px;
+
+	div {
+		background: url('images/buttons/torrent_buttons.png');
+		height: 14px;
+		width: 14px;
+	}
+
+	div.torrent_pause { background-position: left top; }
+	div.torrent_resume { background-position: center top; }
+
+	&:active {
+		div.torrent_pause { background-position: left bottom; }
+		div.torrent_resume { background-position: center bottom; }
+	}
+	&:hover {
+		div.torrent_pause { background-position: left center; }
+		div.torrent_resume { background-position: center center; }
+	}
+}
+
+/***
+****
+****  PREFERENCES
+****
+***/
+
+#prefs-dialog.ui-tabs .ui-tabs-panel {
+	padding: 0px;
+	-moz-user-select: none;
+	-webkit-user-select: none;
+}
+
+.prefs-section
+{
+	margin: 10px;
+	text-align: left;
+
+	> * {
+		padding-top: 8px;
+		padding-left: 8px;
+	}
+
+	.title {
+		font-weight: bold;
+		padding-left: 0px;
+	}
+
+	.row {
+		.key {
+			float: left;
+			padding-top: 3px;
+			> * { margin-left: 0px; }
+		}
+		.value {
+			margin-left: 150px;
+			> * { width: 100%; }
+		}
+	}
+
+	.checkbox-row {
+		> input { margin: 0px; }
+		> label { margin-left: 5px; }
+	}
+
+	#alternative-speed-limits-title {
+		padding-left: 18px;
+		background: transparent url('images/blue-turtle.png') no-repeat;
+	}
+}
+
+/*--------------------------------------
+ *
+ * T O R R E N T   I N S P E C T O R
+ *
+ *--------------------------------------*/
+
+$inspector-width: 570px;
+$inspector-background: #eee;
+
+div#torrent_inspector
+{
+	padding: 15px;
+	position: fixed;
+	top: 102px;
+	bottom: 22px;
+	right: 0px;
+	width: $inspector-width;
+	background-color: $inspector-background;
+	border-left: 1px solid #888;
+	z-index: 5;
+	overflow: auto;
+	text-align: left;
+
+	#inspector-close
+	{
+		display: none;
+	}
+
+	#inspector-tabs-wrapper
+	{
+		width: 100%;
+		overflow: hidden;
+		text-align: center;
+
+		#inspector-tabs
+		{
+			$border-radius: 5px;
+
+			display: inline-block;
+
+			> * {
+				width: 30px;
+				height: 20px;
+			}
+
+			> #inspector-tab-info {
+				$image-url: 'images/inspector-info.png';
+				@include button;
+				@include imageOnVerticalGradient($image-url, $nonselected-gradient-color-top, $nonselected-gradient-color-bottom);
+                                @include leftRoundedBox($border-radius);
+                                border-left-width: 1px;
+				&.selected {
+					@include imageOnVerticalGradient($image-url, $selected-gradient-color-top, $selected-gradient-color-bottom);
+				}
+			}
+
+			> #inspector-tab-activity {
+				$image-url: 'images/inspector-activity.png';
+				@include button;
+				@include imageOnVerticalGradient($image-url, $nonselected-gradient-color-top, $nonselected-gradient-color-bottom);
+				&.selected {
+					@include imageOnVerticalGradient($image-url, $selected-gradient-color-top, $selected-gradient-color-bottom);
+				}
+			}
+
+			> #inspector-tab-peers {
+				$image-url: 'images/inspector-peers.png';
+				@include button;
+				@include imageOnVerticalGradient($image-url, $nonselected-gradient-color-top, $nonselected-gradient-color-bottom);
+				&.selected {
+					@include imageOnVerticalGradient($image-url, $selected-gradient-color-top, $selected-gradient-color-bottom);
+				}
+			}
+
+			> #inspector-tab-trackers {
+				$image-url: 'images/inspector-trackers.png';
+				@include button;
+				@include imageOnVerticalGradient($image-url, $nonselected-gradient-color-top, $nonselected-gradient-color-bottom);
+				&.selected {
+					@include imageOnVerticalGradient($image-url, $selected-gradient-color-top, $selected-gradient-color-bottom);
+				}
+			}
+
+			> #inspector-tab-files {
+				$image-url: 'images/inspector-files.png';
+				@include button;
+				@include imageOnVerticalGradient($image-url, $nonselected-gradient-color-top, $nonselected-gradient-color-bottom);
+                                @include rightRoundedBox($border-radius);
+                                border-right-width: 1px;
+				&.selected {
+					@include imageOnVerticalGradient($image-url, $selected-gradient-color-top, $selected-gradient-color-bottom);
+				}
+			}
+		}
+	}
+
+	#inspector_header
+	{
+		margin-top: 8px;
+
+		#torrent_inspector_name
+		{
+			font-weight: bold;
+			font-size: large;
+		}
+	}
+
+	.inspector_group
+	{
+		display: table;
+		width: 100%;
+		border-top: 1px solid #888;
+		margin: 10px 0px;
+		padding: 10px 0px;
+
+		.inspector_group_label
+		{
+			display: table-header-group;
+			font-weight: bold;
+		}
+
+		.inspector_row
+		{
+			display: table-row;
+
+			> .inspector_label {
+				display: table-cell;
+				width: 100px; /* this + the next 380 == inspector_container_with */
+			}
+
+			> div {
+				padding-top: 10px;
+				width: 380px; /* inspector_container_width==480 - inspector_label_width==100 */
+			}
+		}
+
+		/* Trackers Inspector Tab */
+		#inspector_trackers_list
+		{
+			padding: 0 0 0 0;
+			margin: 0 0 0 0;
+			text-align: left;
+			cursor: default;
+			overflow: hidden;
+
+			& > div.inspector_group {
+				padding-bottom: 0;
+				margin-bottom: 0;
+			}
+		}
+	}
+
+	ul.tier_list
+	{
+		margin: 2px 0 8px 0;
+		width: 100%;
+		padding-left: 0px;
+		text-align: left;
+		display: block;
+		cursor: default;
+		list-style-type: none;
+		list-style: none;
+		list-style-image: none;
+		clear: both;
+
+		li {
+			overflow: hidden;
+		}
+		.tracker_activity {
+			float: left;
+			color: #666;
+			width: 330px;
+			display: table;
+			margin-top: 1px;
+		}
+		.tracker_activity div {
+			padding: 2px;
+		}
+		table {
+			float: right;
+			color: #666;
+		}
+		th {
+			text-align: right;
+		}
+
+	}
+
+	li.inspector_tracker_entry {
+		padding: 3px 0 3px 2px;
+		display: block;
+
+		&.odd {
+			background-color: #EEEEEE;
+		}
+	}
+
+	div.tracker_host {
+		font-size: 1.2em;
+		font-weight: bold;
+		color: #222;
+	}
+
+	/* Files Inspector Tab */
+	#inspector_file_list {
+		padding: 0 0 0 0;
+		margin: 0 0 0 0;
+		text-align: left;
+		cursor: default;
+		overflow: hidden;
+	}
+	#inspector-page-files .select_all_button {
+		@include verticalGradient($nonselected-gradient-color-top, $nonselected-gradient-color-bottom);
+		@include roundedButton(5px);
+		float: left;
+		margin: 5px;
+		padding: 2px 5px;
+	}
+
+	#inspector_file_list {
+		width: 100%;
+		margin: 0  0 0 0;
+		padding-bottom: 10px;
+		text-align: left;
+		display: block;
+		cursor: default;
+		list-style-type: none;
+		list-style: none;
+		list-style-image: none;
+		clear: both;
+	}
+	li.inspector_torrent_file_list_entry {
+		padding: 3px 0 3px 2px;
+		display: block;
+		&.skip { color: #666; }
+		&.even { background-color: #EEEEEE; }
+	}
+
+	div.inspector_torrent_file_list_entry_name {
+		font-size: 1.2em;
+		font-weight: bold;
+		color: #222;
+		margin-left: 20px;
+	}
+	li.inspector_torrent_file_list_entry.skip>.inspector_torrent_file_list_entry_name {
+		color: #666;
+	}
+	div.inspector_torrent_file_list_entry_progress {
+		font-size: 1em;
+		color: #666;
+		margin-left: 20px;
+	}
+	div.file_wanted_control {
+		background-position: left -19px;
+		float: left;
+		position: absolute;
+		cursor: pointer;
+		margin: 3px 0 0 0;
+		width: 19px;
+		height: 19px;
+		background-image: url('images/buttons/file_wanted_buttons.png');
+		background-repeat: no-repeat;
+		background-color: transparent;
+	}
+
+	li.inspector_torrent_file_list_entry.skip>.file_wanted_control {
+		background-position: left top;
+	}
+
+	li.inspector_torrent_file_list_entry.complete>.file_wanted_control {
+		background-position: left -19px;
+	}
+
+	ul.single_file li.inspector_torrent_file_list_entry>.file_wanted_control,
+	li.inspector_torrent_file_list_entry.complete>.file_wanted_control {
+		background-position: left -38px;
+		cursor: default;
+	}
+}
+
+/* Peers Inspector Tab */
+#inspector_peers_list {
+	padding: 0 0 0 0;
+	margin: 0 0 0 0;
+	text-align: left;
+	cursor: default;
+	overflow: hidden;
+
+	> div.inspector_group {
+		padding-bottom: 0;
+		margin-bottom: 0;
+	}
+}
+
+table.peer_list {
+	width: 100%;
+	border-collapse: collapse;
+	text-align: left;
+	cursor: default;
+	clear: both;
+	table-layout: fixed;
+
+	.encryptedCol {
+		width: 16px;
+	}
+
+	.upCol {
+		width: 70px;
+	}
+
+	.downCol {
+		width: 70px;
+	}
+
+	.percentCol {
+		width: 30px;
+		padding-right: 5px;
+		text-align: right;
+	}
+
+	.statusCol {
+		width: 40px;
+		padding-right: 5px;
+	}
+
+	.addressCol {
+		width: 180px;
+	}
+
+	.clientCol {
+		white-space: nowrap;
+		overflow: hidden;
+		text-overflow: ellipsis;
+	}
+}
+
+tr.inspector_peer_entry
+{
+	div.encrypted-peer-cell
+	{
+		width: 16px;
+		height: 16px;
+		background: transparent url('images/lock_icon.png') no-repeat;
+	}
+
+	&.odd
+	{
+		background-color: #EEEEEE;
+	}
+}
+
+/***
+****  File Priority Buttons
+***/
+
+div.file-priority-radiobox
+{
+	$border-radius: 5px;
+
+	display: inline;
+	float: right;
+	margin: 4px;
+	margin-top: 2px;
+
+	> * {
+		@include button;
+		width: 30px;
+		height: 12px;
+	}
+
+	> div.low {
+		$image-url: 'images/file-priority-low.png';
+		@include leftRoundedBox($border-radius);
+		@include imageOnVerticalGradient($image-url, $nonselected-gradient-color-top, $nonselected-gradient-color-bottom);
+		&.selected {
+			@include imageOnVerticalGradient($image-url, $selected-gradient-color-top, $selected-gradient-color-bottom);
+		}
+		border-right-width: 0px;
+	}
+
+	> div.normal {
+		$image-url: 'images/file-priority-normal.png';
+		@include imageOnVerticalGradient($image-url, $nonselected-gradient-color-top, $nonselected-gradient-color-bottom);
+		&.selected {
+			@include imageOnVerticalGradient($image-url, $selected-gradient-color-top, $selected-gradient-color-bottom);
+		}
+	}
+
+	> div.high {
+		$image-url: 'images/file-priority-high.png';
+		@include rightRoundedBox($border-radius);
+		@include imageOnVerticalGradient($image-url, $nonselected-gradient-color-top, $nonselected-gradient-color-bottom);
+		&.selected {
+			@include imageOnVerticalGradient($image-url, $selected-gradient-color-top, $selected-gradient-color-bottom);
+		}
+		border-left-width: 0px;
+	}
+}
+
+
+/****
+*****
+*****  MAIN WINDOW FOOTER
+*****
+****/
+
+div.torrent_footer
+{
+	height: 22px;
+	border-top: 1px solid #555;
+	bottom: 0;
+	position: fixed;
+	width: 100%;
+	z-index: 3;
+
+	> * {
+		$image-url: 'images/settings.png';
+		@include roundedButton(3px);
+		@include imageOnVerticalGradient($image-url, $nonselected-gradient-color-top, $nonselected-gradient-color-bottom);
+		&:active {
+			@include imageOnVerticalGradient($image-url, $selected-gradient-color-top, $selected-gradient-color-bottom);
+		}
+		float: left;
+		margin: 2px 4px;
+		height: 10px;
+		width: 24px;
+		border: 1px solid #666;
+	}
+
+	#turtle-button {
+		$image-url: 'images/turtle.png';
+		@include imageOnVerticalGradient($image-url, $nonselected-gradient-color-top, $nonselected-gradient-color-bottom);
+		&.selected {
+			@include imageOnVerticalGradient($image-url, $selected-gradient-color-top, $selected-gradient-color-bottom);
+		}
+	}
+
+	#compact-button {
+		$image-url: 'images/compact.png';
+		@include imageOnVerticalGradient($image-url, $nonselected-gradient-color-top, $nonselected-gradient-color-bottom);
+		&.selected {
+			@include imageOnVerticalGradient($image-url, $selected-gradient-color-top, $selected-gradient-color-bottom);
+		}
+	}
+
+	#prefs-button {
+		display: none;
+	}
+}
+
+/****
+*****
+*****  DIALOGS
+*****
+****/
+
+div.dialog_container {
+	position: absolute;
+	top: 0;
+	left: 0px;
+	margin: 0px;
+	width: 100%;
+	height: 100%;
+	text-align: center;
+	color: black;
+	font-size: 1.1em;
+}
+
+div.dialog_container div.dialog_window {
+	background-color: #eee;
+	margin: 0 auto;
+	opacity: .95;
+	border-top: none;
+	text-align: left;
+	width: 420px;
+	z-index: 10;
+	overflow: hidden;
+	position: relative;
+	-webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.7);
+	top: 80px;
+}
+@media screen and (-webkit-min-device-pixel-ratio:0) {
+	div.dialog_container div.dialog_window {
+		top: 0;
+		margin-top: 71px;
+	}
+}
+
+div.dialog_container .dialog_logo {
+	width: 64px;
+	height: 64px;
+	margin: 20px 20px 0 20px;
+	float: left;
+	background: transparent url('images/logo.png') top left no-repeat;
+}
+
+div.dialog_container div.dialog_window h2.dialog_heading {
+	display: block;
+	float: left;
+	width: 305px;
+	font-size: 1.2em;
+	color: black;
+	margin-top: 20px;
+}
+
+div.dialog_container div.dialog_window div.dialog_message {
+	float: left;
+	padding-left: 3px;
+	margin-left: -3px;
+	width: 305px;
+	overflow: hidden;
+}
+
+div.dialog_container div.dialog_window a {
+	display: block;
+	float: right;
+	margin: 10px 20px 10px -8px;
+	padding: 5px;
+	background-color: #EEE;
+	border: 1px solid #787878;
+	width: 50px;
+	height: 15px;
+	text-align: center;
+	font-weight: bold;
+	text-decoration: none;
+	color: #323232;
+	-webkit-appearance: button;
+	font: -webkit-control;
+	cursor: default;
+}
+
+div.dialog_container div.dialog_window a:hover,
+div.dialog_container div.dialog_window a:active {
+	background: #C0C8D6 url('images/filter_bar.png') bottom repeat-x;
+}
+
+div#upload_container div.dialog_window div.dialog_message label {
+	margin-top: 15px;
+	display: block;
+}
+
+div#upload_container div.dialog_window div.dialog_message input {
+	width: 249px;
+	margin: 3px 0 0 0;
+	display: block;
+}
+
+div#upload_container div.dialog_window div.dialog_message input[type=text] {
+	width: 245px;
+	padding: 2px;
+}
+
+div#upload_container div.dialog_window div.dialog_message input[type=checkbox] {
+	margin: 15px 3px 0 0;
+	display: inline;
+	width: auto;
+}
+
+div#upload_container div.dialog_window div.dialog_message #auto_start_label {
+	display: inline;
+}
+
+div.dialog_container div.dialog_window form {
+	margin: 0;
+	padding: 0px;
+}
+
+iframe#torrent_upload_frame {
+	display: block; /* Don't change this : safari forms won't target hidden frames (they open a new window) */
+	position: absolute;
+	top: -1000px;
+	left: -1000px;
+	width: 0px;
+	height: 0px;
+	border: none;
+	padding: 0;
+	margin: 0;
+}
+
+/****
+*****
+*****  POPUP MENU
+*****
+****/
+
+.trans_menu {
+	margin: 0;
+	padding: 0;
+}
+
+.trans_menu,
+.trans_menu ul {
+	list-style: none;
+}
+
+.trans_menu ul {
+	/* place it right above the button */
+	position: relative;
+	bottom: 18px;
+
+	min-width: 210px;
+	background-color: white;
+	padding: 5px 0;
+	text-align: left;
+	list-style: none;
+	-webkit-border-radius: 5px;
+	-webkit-box-shadow: 0 10px 25px rgba(0,0,0,0.4);
+}
+
+.trans_menu ul ul {
+	min-width: 150px;
+}
+
+.trans_menu ul ul#footer_sort_menu {
+	min-width: 175px;
+}
+
+.trans_menu > * li {
+	margin: 0;
+	padding: 3px 10px 3px 20px !important;
+	color: #000;
+	cursor: default;
+	text-indent: auto !important;
+	width: inherit;
+}
+
+.trans_menu li.separator,
+.trans_menu li.separator.hover {
+	border-top: 1px solid #ddd;
+	margin: 5px 0;
+	padding: 0px;
+	background: transparent;
+}
+
+.trans_menu li span.arrow {
+	float: right;
+}
+
+.trans_menu li.hover li.hover span.arrow, .trans_menu li.hover li.hover li.hover span.selected {
+	color: white;
+}
+
+.trans_menu span.selected {
+	margin: 0 3px 0 -15px;
+	color: #666;
+	float: left;
+}
+
+.trans_menu div.outerbox {
+	display: none;
+	background: transparent;
+	border: 1px solid rgba(0,0,0,0.1);
+	-webkit-border-radius: 5px;
+}
+
+.trans_menu div.inner {
+	left: 0;
+	margin: 0;
+}
+
+.trans_menu li.main li {
+	z-index: 2;
+	min-width: 78px;
+}
+
+.trans_menu a {
+	text-decoration: none;
+	cursor: default;
+}
+
+/*--------------------------------------
+ *
+ * C O N T E X T   M E N U
+ *
+ *--------------------------------------*/
+
+div#jqContextMenu {
+	-webkit-border-radius: 5px;
+	border: 1px solid rgba(0,0,0,0.1);
+	-moz-user-select: none;
+	-webkit-user-select: none;
+}
+
+div#jqContextMenu ul {
+	filter: alpha(opacity=98);
+	-moz-opacity: .98;
+	opacity: .98;
+	-webkit-box-shadow: 0 10px 25px rgba(0,0,0,0.4);
+	-webkit-border-radius: 5px;
+}
+
+div#jqContextMenu li.separator, div#jqContextMenu li.separator:hover {
+	background: inherit !important;
+	border-top: 1px solid #ddd !important;
+	margin: 5px 0 !important;
+	padding: 0px;
+}
diff --git a/web/style/transmission/images/Makefile.am b/web/style/transmission/images/Makefile.am
index f50f227b5..c6dcbb071 100644
--- a/web/style/transmission/images/Makefile.am
+++ b/web/style/transmission/images/Makefile.am
@@ -3,14 +3,21 @@ SUBDIRS = buttons
 datadir = ${datarootdir}/${PACKAGE_NAME}/${subdir}
 dist_data_DATA = \
   blue-turtle.png \
-  chrome.png \
   file-priority-high.png \
   file-priority-low.png \
   file-priority-normal.png \
   filter_bar.png \
   filter_icon.png \
+  inspector-activity.png \
+  inspector-files.png \
+  inspector-info.png \
+  inspector-peers.png \
+  inspector-trackers.png
   iphone_chrome.png \
   lock_icon.png \
   logo.png \
-  progress.png
+  progress.png \
+  settings.png \
+  turtle.png \
+  wrench.png
 
diff --git a/web/style/transmission/images/blue-turtle.png b/web/style/transmission/images/blue-turtle.png
index dd9e7e59bb50986022ee3f817d138adc17c56e57..d62e6c8cc33ff62613aba199bcf1db5f526acf0f 100644
GIT binary patch
delta 212
zcmV;_04x8&7p4M`Ba?m#JAboDL_t(2&tqV~0W9iYS^=>J1E~P0X$27fN5fNz)w~CY
z|6wrzgjYb-2m<kPAYKf_-pHDl<IsqV{{rz(BuhTQG=~$R8IH~CUclH#K$??@)CjWm
zk6G1&OpAtB=H_)Tg~7JlRNs^_uYFQSgy#R|^)CZAtzN`@@7_IzGf8L8K>QA5Fe#LL
zWVEPz@dK(j9f&QEurm;UfXeN}75ZF2+z!O%SmZ#M8HhcBI1z{ikmUhIOY03AG}q+-
O0000<MNUMnLSTZVE@5u~

delta 2946
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

diff --git a/web/style/transmission/images/buttons/Makefile.am b/web/style/transmission/images/buttons/Makefile.am
index 37def7b13..a7e4d727e 100644
--- a/web/style/transmission/images/buttons/Makefile.am
+++ b/web/style/transmission/images/buttons/Makefile.am
@@ -3,12 +3,5 @@ datadir = ${datarootdir}/${PACKAGE_NAME}/${subdir}
 dist_data_DATA = \
   cancel.png \
   file_wanted_buttons.png \
-  info_activity.png \
-  info_files.png \
-  info_general.png \
-  info_peers.png \
-  info_trackers.png \
-  tab_backgrounds.png \
-  tab_backgrounds_highlight.png \
   toolbar_buttons.png \
   torrent_buttons.png
diff --git a/web/style/transmission/images/buttons/tab_backgrounds.png b/web/style/transmission/images/buttons/tab_backgrounds.png
deleted file mode 100644
index ced387e54448e648de4a015aa3e03b787f25e3eb..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 369
zcmV-%0gnEOP)<h;3K|Lk000e1NJLTq000jF001%w0{{R3wCr&U0001%P)t-s>+9=}
zvgY#g@{W#<?Ck9C@9%+ufuzju?d|Q^+1cRW;N;}w=jZ3?>FMt7?%dqm)6>(Ewdae|
z_MF1(p2hBPv+3~g@S48sdA{vyt>~o8@P^Lxm%Hh7xa^g==#bd>p~>!k#P4gZ=kxRP
zg2?iex9E@9_?5Zop~>%$vgL=)^po8Al(*-C%kr1I>U6p6e#7sQ-1_@!Rbv1E0G3Ha
zK~#8NmB%%%Ls1k%(fu&U%nYAl{*#M~(^$94vL(wDj#rhArlaquT=M6R+;MTqA39o&
zfurr{IJ%CWqjXe`+$Fzu6prj&QDev)BgfZGQDfLY6g7tJkD|t~a7-Li$MH>3V`!`u
zH75Dzm7>NZf9BZzDryW%$LUW|WB9%*Y7CnXMU7$XINTLAhR=URjiGi=HEJ^oVNFig
P00000NkvXXu0mjflaJ9A

diff --git a/web/style/transmission/images/buttons/tab_backgrounds_highlight.png b/web/style/transmission/images/buttons/tab_backgrounds_highlight.png
deleted file mode 100644
index 0c7c00e9fde403280672c7c8378875d6b7a63a98..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 553
zcmV+^0@nSBP)<h;3K|Lk000e1NJLTq002Ay001%w0{{R3Hz-Ij0002hP)t-s^78VJ
zvgT{8=cLT<dA{v%v+0Y|_L8;dn!f9t!t9>K?xf7{Ypv*$-1&mb@`ldzkl6U4$?kNx
z?0&@Wm%Hhex#*O)=ZDVpkFw>V$?uoD>XO|0g2?iZ*!X_K@07Rbbh+%6x#_Lk`E|$k
zn#%Tt)A)PK_ngf3j@<g5&i1O>`I6oHpU?J+*7=s<{GrkJn&ka|&iJI$_?_qdrq%eU
z*ZKed|L^bbj*gCjfq~Q0)8ypj+}zyk?CkFD?(p#N?d|R0;NaQW+2`ly>FMd~>+AFL
z^9Rm<PXGV`4@pEpRCr#*)42hFKoo>fs+wKz+x|<k2Y%qo385E|$NMv0JhFRa^+@xI
z@#Yac@_NO1^vLOv*&~NXCXZYmxxM1g%_DfVcqpJ3@Rd^DIt~Ld6nv5#&sNUK>ExKh
zUE%-#F|%MtfW?X!U@&;tcDuqVEP`c;RCaWh`C&gcKOC3YG9y@-NM*-movu@Ym5Nk$
z+^eKY2v#Ce+3}i~AO5E1hyNe*!>J6*kYI%(l^vUzGjj-*BU0J>J^r2BbDLn<B9*=0
z<K58w@LWZ!h+st`l^xrG`Qf^V7cs$#MJhWEjn{Yt%M+>WIOl%u6D(h(vg0-~KRnu?
r4G2~sQrYpY-P$Esu1IC?_33{BwI-*Vshb}g00000NkvXXu0mjfFE~PJ

diff --git a/web/style/transmission/images/chrome.png b/web/style/transmission/images/chrome.png
deleted file mode 100644
index 3e31ec7d53d37c94875262ab894ce948ebeec318..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 6624
zcmX9@2RzjO8$U9Rs1DhCD|=JcIeWxqg|n0FID2!7WGh>CwnJnUQskGJva-oKdvE`b
z*Z*~|?|tvPp6}=Ld7kI}yr1_)>*=bIlhTtyAP{m5bp#UZ6~X2VB?8|Q#2=Hv4$l**
z28UGjGp>RIA{#9=1mx=all%F@^<@%w^(USX$W6-Y4G)r$MGH<6qcwC?i2st@g5g0>
zOyy7rgw9F>p=97Yv5_6*PGvZ;67u20Gf}aV3`NmsJTgvBJL`@}^K;WXPk0rLVPnnB
zIKv36)gKgpNn{H<t{g{G+iY@=%NR%0ftrcL?=VcgBlMF{=spI*u1OU})ANcg**r;+
zLez3<`BEg^-d;4hmq2gk=wIpDf7*|H6oPX0vX&n%kA8SWFjX6P;xRrl@-ii<oDU9V
zyhU7YR7sI{)+Tguul@Di`-`2o6?(DOoqAON%BDlBaDjV$QoOI(jjPQ0AWQw(_kA`d
zR8&=osACA(2;foo%ZxRnQz)uOWBzW~Z%#IObiO2q^ILu~fA{X4XyCE?7cCjDH7d8Z
z3rWb?(blv5m7&6-BI|lnk#ue2R(3Q>ZCHHLRf<N?e6~I8hIYCrVSQ0iB(A!Rxou`<
zfj~vSq@u!Zcd-YuKK(f})9uUn@rK9ZDX#iMQ4wKiem;9`U7g0GN8PTUY(>){dQ_2=
zJi6QGdjmJN&t|T2^7He9S8vnL&VP>?bCwL=O@2T4>sNR_PPVyf;pi;3vZ^ZX>sPq<
z=45o|9IK2>`r@J;Sd9lhn}t|xLUVI7){|l?+}{hubN_zK{yth%RMcIXQJwEeGn!9A
zLW1h<UAohl*RM-TORZOb6|FSKb<RZv+_ZSW!4U!OuC1*d^kNcmn|^rmLE(b07YT+|
zSYLm)ZDs&NLMiRL%?erQj$eL%b<R^(mXw&-G5t9}=qKen0W%^+3k&8^lutJ7#ydfj
zrkWaYaNGMA3tjps6nXoPL=Kt2V`1u;$dnYSk%}jjJ{1Yb`J=NJEmI#G8axiypEx=?
z>J_CN2Y$guT%C@#)w<8YP0h?s*6Rkae>Wh3hvUy)-kk~D(-GHE9{z~+?0!QR@$=u>
ziyP_b>8eU_w|gsVuk%?k?RKI&6He7Ti^-3Ejf`|fQ}U2q@I1<~YY)YfX1tZ-x0GHI
zdG${yM8nL?EdHXjwA6XB5ypned!!kSKf8DGW&;cq?d2unwPsLZbbq*5#};hP6Cb0W
z4;KUXr^|ZXbN!Ubp%#b9#_gRP@BS1@7khRqf{0wSp=GN%1}x2ywB&DGxXb?U(#Id`
z>qTD7BY>e~o=5h584?vw>R$FF^VkAI(l7F@v#huXKA~E?MLd^!g)hX4A3ZzToaz!$
z3WC^xklZc(kR$54bnOMm4I;93n;LBJg+K5n#KFbo-`p#fF5Ce<-g@#Q`BiI|nD1XX
z;vd45m2ZGstu9Uv<ih#ehaV}p5PZW`wZs9(7Ca$1XxsjJQ&mTc&+mMvyK}!9)zZ-I
z<>~3^w^sVWy~!LbkWrPnhOI3}M)BN^uXM=e!)F6IMGXzqhQs2m7S%62EG#U>zJs_&
zp-^4Rg@v3+NlEHDI)u;%QoI(`sm7K;ZxznxZdaJpgjZEnm5}ISPaHDr3A)uU1Ox=q
z`s~AV=t~tctZ{2=zVp#Mz843hPa56Xz&j)y6-s!HQ4hD<Z|v4|GmGioYF@Iu+@-n2
zBCqZ3Evfa6A8+=pu|>x}4}B!^Ys77NsMVx-A@6IrsVV)&#)jNHLhtgpTLE9#ciYOt
z!$Vz5i$h9^Mn(U4Hsba%$SVykE!+Mq8Hn@WhS-}lg2MK_wD$d3&uMuxO3MCAU{iK*
zaA;rHp?!Ji`_R16J*=xsbq$9LAW||klnFW&?~Y?qHZ%lhPQD8T<Fx~f!HzpKKJb1s
zF=4v9w--P#sQ28}byG}K&A<I*Z}}voua8k7m=Qeev&nehr~*11a(?_m^>RhcZg~-L
z5Ssfe>!F{hws9e`I$r=icrn&{!xVF;u((*%@i%Yhl<FH=B^MU~u*emtmUkcC2cOn9
zcc|Yu4wRqx``6D0XVhyi=G~GFU_?12I9Q&XoV;<$b$Y7#Eitn%Yo4pH$%q9x1nc<c
z-sSnSg4nZuM$DZG(|Xd-fUVCod|ZDUTnavZOzH3MPut9n!h=(CCii@^jhE}1xw`Zz
z*3EvMl2ltO3Mtmfe3{RCzQA%dyR2{}b8v7#vN|l@w-R<99MTTy$i3^>6Bl=jn&0Gl
z%Fmsh#gW5HOZH&#O|VvY%l+9c?2)&-m;k<x;#Bmh9G#q+&Nf?KG?{~(pgRQ-03c~H
z=xFNq@8A0q=lQF{UUJ&0DHJ;^1@ZqexV0u`Wo4D{nDSEtI3l}&h&jDT1WqX{D}y+=
zx$!)BkO@$v!l*ovii8cILzm(P$TqaM_hA5M2~HLy=;5KaxggE+=g*;`V0b?P49uft
z+mh$pA3vrHINE$V)$Enu^1Nr(gjJfJ3U011d50{#!{GS*WY2lL_FvMB!s$vuZE5N1
z13U`d56KcvBN&xxl^E)t;$m)&<)}aARhY}(UhR=;%Mg+%2qzCua$@36HZ1_-rtV8H
zG!Ee)8pMy4!)jQb6M|P3);#fx2G(p!6vYX5<V`=R;wl+lMbjgG*w^Kitr<SY2S5q3
z2?8eT;OIz7%bJK`=T(biock6{`G!FXp#9gMqKZf)g;Dw4@;{nLB+{Hn`o%m!eSJL@
z4UL%Z_G}}Wm1ueblHMPUiq9cE`s4lHcb+7US<aDazJr)$F`6f5#Yd7>6LWgcHz-KX
zX|(F!SdDGhmnU`h0O?yB{X^B+?dTtPud{ILWKa?D*}7a~W=A-oxP(MvQd0PoYqw*)
z$NHE^MrLNyzjtOOB_*>t0h@XC^>5AGKG%=pHl{x_gaVKOL&KWzt4=VynaDFkp_m@Y
zpK!*;#)2}&Pkpnj%md_stgLL~+)IYBwh)CFYJvQ^x?~2|MmGMNWO0Py<5mEc&zT2@
zhC1AW_ZT1m?B1~6bv6Sdn{^90W8hBi$(0F0NukAQN%`~t;e!-;cr@vGd=Z?KoZK01
zcPG-&z#x~Gl#h?Eq-;Vtgi}5ldB_Q`S^Sr3sR~sxHO<i1%5ymxF?0Jj9kBJUTj8=s
zDKh`5R}d`E>OpLZ&$J&gh}b@R+>o|`;nT^+7n7a?a$t!WIC|Bk>0_a#9gDd_e!D$9
z<6!h|tvjmm41?maAQFhk>3{POtoGgT7i&-A(z>qx0E6|blhe~RbaiimCHPGL@Z+|K
zpQ8A47ndS1X;22lLN3p-Glv_0yMGF`X`7ibv|S!lpOGWZgB4!q6EK?~XvhC~%pLfr
z3tQvgmfP1Gb0faRI2$W9om*Eo-2SYFNI4OqJ{fX#;juISJ&<L0t-KmPAvrl>c$HH^
z0tAY`;o~_gh_j<(eoc+Yj_bDOi~%QX_asoxruS`<-tCpQ(4f@F+gxz@_qSE_@f$&G
zDDuKcjhZvk(|bP61T!Q<Q34>dImN_=S>ep_#Gn4UaH<;D(jh3=;=7fNjcGvXRbXVN
z3S0t_RrQe=Ly_0eASvlKecs6ipGm!BA%mTM*|+3??@;8m6Dks;NooTq*|B{1RQT_e
zD}#!n5(qf)^_s7U4hbco=!K|uq150OXLimaL~`!x>}W?d;TK{9bpt{J6)PnE%R8{H
zDElZxR6+`CWVj%qEIt#V4rw73luabhmVzRT%m5lT5Jpcr`Lr!s54$Z-9+;8)lV`_)
zqK$iyGmXH+Ao@EeHce52go=|pGE@obAH6~YBlSh)4$AXw<G5R!@lD%#NoC8}^&`JI
zH`_(!zUQ5qIa9&FZ*J{$s=S{KSNpYkH*lvYw?S9$Asi{KZ6l@SY>!QAx1mVWp)iD%
zyk0*f8xmqKWE(6BH#Qy&Bz2`~Mt78k49f(JbYssst62Eek(}^ER<r>jW>A<UTH{A3
z>{J<p=G$?a9U@?|aPYcW_9)%tNbsY@Hivf7(Pj15l{xOE3r&vi>@}H$8f9^Ygyr<Y
zQDp>g5`mvaiY!SdgClRf|Jp;}6Tp%)H`zpu!S{%_vfDZ6&B@lNrAsoPq*k%fZ?ABG
zat#vT_Z9HKkP)R0;yXBsYVO7r%8yNimRWjFTF5bm94^?G!W!td{vP|DW*zR!zd{cU
zLhP5anKZPS3wHiCxfYT(=X2=fkLIwAsYbj}gobh7Jx9)uXrq0(c$~PloKGlFzBS~~
z-;Gryx+A}_8*<q#oBu7&eEBtYdgK^<YDvnMT@YTyaW|SoV2v@)LXLIi6eS;7OdWY;
z==wdQ$W|kf*ReeV`KnO7#3kax)d%wACrOefJbdJ>7A&t*!W46PbTQ&ofxj@_w<|YD
z8LkfR7Td8<#~{-14_*^Y2_APH2vk?ND5kZ`>)A9k@0>V8zu$fxhj^3)JrUn_oISXA
zUeA8R>0S6Ayw@_Vk^=OLx5McoWeZ;6Obnwp_vXC<h7yjc5=`e2KZJCS(M;91{`#Q4
zrL1>4(?B01Xi7V0Ck?n`(V~ux<e4&hGTBTUE6C1jjlw}n9ykcKX2oHu;3GvE;x>(?
zPI^jB%mb(3=+5HgEdQK|I%Z_AtfXO5;hIA;0ozbOG+s?q0=E}hJC}s|d=y>wMSQ2N
ztwb5|=3Nm{92LWjI)3r&BP+4zoP6~5D$1#{6y)P9?1ihjT4DM30aYG)G5yWqRra`T
zOTsQPOuk%y-2b<(TEzP^o=*jua<iww(cEaeH?CL^i3Pb@<b}FUW)GTY{`<kEyUD9T
zPN0rrr|PJ2n@lmz`5q#Y-omqzhE~8QFLiQI$0RuH^utJ{LJ?|sC@WQWEo+9drsS?J
zK{Sfq&)8a(qPn+c!MkPE;V4%<dLOq!y7Hq0WhH)tz*>C}lBCE=K%V@Ymk&u>UHoh8
z*InU+6!lp(<)pOjg240O?1sH%rPCn^roo|><O0kRG*XFxp!pX3p0Cj9N|F@~{&Na~
zZh^}xL3(;qk!VFY`+?%zg=sEs=u`v4iFZ2%uB6VAy<vgo!)oF)kGU8>T2`Tdpaf;Q
zD>pb@6h|e>&$LMcOA<}<yh(*%&3I+^yrU*FA*|viTcWx+Ir_y3LVZiOsYp+eh~nPD
z?}Pz3fvdVQdrLQAp7nBVl%6{))ixLWB}0cM^bH9oUg{{J$kZ1Fgt|9FX4KbLM#w=(
zYS)b&7@ODm@y_~q-K)kZy&rn0eeWpF;=kSO@XE@{mr{W=h!xPVIgeqLqI5DPHTbyB
z4mTDQxM2VN{8><3yrdumll5F8vkcrJ+*=-q*TDD(sPPOP`J8HD!cn#>mkwtXT=2D_
z0yRDXfu}2jd8!XqH<ax2+f<VClwa)v9-EH~qiqYh3U+N?EiOUuW`uDZ9URC}!%V*f
zHl242z?y#%Ma4j;(8D@_D0am${oG$2PM7iIHY%6M!)KQBPubn|kUv?Z1XPSpK2RFa
zz?c~5#imbN=ho3<6BBg}4H8OjZO~<4nmlQxqINI9^9DvnNE9me=Rcbt32gjk4gB)#
z`+%X%do-1lmoIF5npxWEW_fnFKA!UK9sR(JZT;59-%oY^2abXAETBg!EG)#7KK_6-
zF!-(fh@btV?~V;<=}ODXZMUXBr@Vc8-5hPU?)5Xfr63yig3b<WUM#4xZsU&v%etUf
z2h<CgIF3r_v+rC*0|p1`dR}>X%z(mG)~{bk(Dc^X_vM3^tgky`?f|Z$|Kv%}OLB%E
z{r&b`Z|KOFWX0Dr?CY9d<(OP^Eo;fl&i#<n)ejZsO%yFt{Vt!TRA0Oh0S%KPR7p$g
z=AS=*Qc_csv$Okvlj$U#O^y@fI2#W&F#Ob7CdpXSO6?5sXpLlUeM`#$(CetEs1ORK
z-ee=VL42z)H#by`+3#E06K1|4vO6(Q!sScM+I!Kbq>qcW*~Xlh9{MJDF89+tw!BG7
zYVy$mHa<Qsa?q`FZMyfe5j-6pjt?3uK%B)U9y>6^a=*_1whvg@@61aWhpMp6w<yfP
zO}4Kliq#0-6~Up2F%T7FO`be}{FBj(L;1J>K__F7d_yN@FYLd+k|uGdl!qF&rW0al
zc=wt;ff?C7eaco;*wmEX+WK&_87JrpXjs|~8=7<MKCIS+-+C%)6!&i-USa9tXyzG+
zKz@tXv>My)mrd?ZpK`f<IpNNfa$EXxwrLA^k#(eSy0+Z@H+HyWX636(xq!oMK&a->
zvgr~|)EugBpu?6ZRNqox=J?0wlt(im3S3-V)~7-8EX?sd^6Yk^>43&B_oj<6%A%vd
z!|p!?K5fs(2+_w6vJcQH1V6l%7`Ep+L5%DGvL+IAidKzh)^T+e1ReWl$uK?k!m@kW
z+1Xh#o-fPF?s;!b_m$`un1E(7g7`M~Zcb4OAZ?G$&3i{JL;8R;!F&JyLfnH*tKKw`
z#ib>B5#A~pIABzFK+}4D9;m6QnI`Fyv9n~<iUh8$LbXWy@AG<jc>yDPK!50xP+K`!
ze&3BdNXpFAvbJWEn)WT&xpZ&+H96S}{2&c_M8VV;U<pik)HW{R_)m2(R|F+%o0A{t
zabsDj#Q}N$Wth#exZ_K9LtIMgYI_-~V(+(OA3oH7;v=KRo1<@KIiu_u8{7x-xN{D%
z1Vw4wZj@A8nPAKd?uVVmYh!}9-C|KX?E72ul{H(@(4yJBj<FiyAlcq55)yp2IOfP*
zkK;wklFGMaEP`VVl^nY42AG+Uu&-ZVq@;|c3D0!~-^rshFoJt|Q3{TJAfxl3{Q2(U
zy>IlLMsq!5Vz)N(c!lYn_3@sRcW@y^DC*V5U+V+M?Gvj-bzZ)((#M1<Dx8WK)!_;H
z!8RW^hNn;8i@lg9-E4iFkb0!gf^Z;WkP0Rb>`N2jXuR;|p`#OXm({>P!-na`G&OU}
z@23way!wT7m$n+IXun)vZ|5j2<}RtgkTc+)+4qJ*Sux|<_y}J2K*hF*s;Zg2)el&Y
ze|YPMHm)rK@$)vc!mPP%MTBMLd9AJC>+9V11I$VUcfQ)N!Pu!v`m_*4+&ZMr2M61K
zjP>+k+Z1e8vx>aDAR)tO6?x0>Y$(~FcyN<S;ish9=^m8N`rBzN+dCq3vK}0f!%L(Y
zBY1g#SP$jXeS^T$`Z(bjRwEyCy*p!*t}8^Mc25cWSF@ps5ZLR=kZ)1#OWqG;eER7=
z1+%GRpplRK$b(1&R_?4%l8}?5$ms2qHA||u?8dNmU{bV-(7JSjC_U#3Lqn`>_opnm
zmbVoZ0nO2a)VsTyO*lawk<dHHBq)sZ_ZS!Z4VDnHt+r}0bjjEG?;+7j80uO-u}L46
zHw-iu(Bx=f=g~#LVSB(<(3@eIq$hRL>)i0G^^q%ulB$<|nFHA8$z2ymG<ryis+r{*
z@!c#!u<%1~X-{swg@8k}$4`Nt*5mn+P0VVyNYr4WEBn6Fw7-_^DVnlCP1#kjus8_<
z3-9j_y)3&o_W4XgH8x}5Yh(c3!()a*MrtL@$YXPUUcur_=!MUJ|LMASGd-pi<IYu}
zjhN5i0AS|(Iq5u5NrU7Z*Jk8Rnb#_BiKQ2_C#(K!^hXD?gndr=`_BoVppoC<6H9YX
z47I>1e)Xs5$;tP6CejHZCp6f<Qus1K+|GoAg#1r-^`&4LUz@#R8_myt47~r^>Sr1+
z10RhVlwe24LQx$5|4F5U3HS5Z_FVijm}p*Mn|~1;3*}M==afDUbg236Fg}yatd@t7
z3L<6ED}!kRD+^q3<HuFUvT&rPQME-MF-u_Ro$&d28*rcl^50wzF3$d&<+?X(YNGov
zOxIv!QfOY|g$YOM>nj1Ezx66&IVT`4kwcAQOTreGhq!Nr8>s~KF`t+8<m80k1j}kK
z={Jsps%Uz7NqDy~u@QjNT~PzLgF_jo0tIm4ziX)QScKBi(eXd2#Z**OSkSm>tW?(c
zegoQ5OkHYfswdE__cmL$Y$P)SDh`G+c@SSD-l?yXcsup<^q|pb+EuTQTp^VHP8C9Y
z_wU;Rwa}!}2#s2<AGKHj`WT)S&^0bB)Od&Rbg}ri7^M{fSh0khi-5WbY8T(y&V{KO
zFLI>POwG?vMngj*m593R^>>@OPi+?hw_X(t;JVo1JO6=>6lk?reLS-UXA#H4^k+HI
zj=jOv98~vkqt(xV8rFqw2AZ=`rD-H6%=UG2K$QNIMY$7-Aj1Zoc>|RO)Jp4%&t+x3
z?-gd!?o#(buHVbcAn80?5HBxUTsywuZQ;Ml1#~Q=rXVOY+X>Q1&;zdPLN(hFVZu)>
zt^@4WIFE~hTVCf6PEWhO;Sbmg#gK0U-4khH;i@gGt);b4lxmUR7A6h~UHRY2vNF+D
zAug`Sr$67(byN#oudMoW2M6J<6;L!l^v9%TBO*sM2cb1~SC<#pt}AminWH>8dYD=t
zHwdKJYe`~tb+r|Uq!()q^K9^%!q1<lOx(u6P|&MLQ&Uq4dL;{LSnb~pP?*??);)_F
ze}cOfpDCQt0l9`vLgMZB7@Fb9$*k>d89{b*{i{x(EST7crqfEhvt|@?neXLYlQb2x
m30V(I%kFQd7q1YQONHN5*l1-cx;XIn3q(Uj7f}Vb3jZI7&ZQjy

diff --git a/web/style/transmission/images/filter_bar.png b/web/style/transmission/images/filter_bar.png
index fd9dfed1b72b868da59404afa4622460edda5673..38b4310575e2fef4524d43fb47059a3dbc2c49b9 100644
GIT binary patch
delta 354
zcmV-o0iFJ?2dxK?Bms1>B{c$nTZ#AZ4<2N}GI!_7;)y(Xv9820^a7S&D?#KYk{?zT
zFjf;&h<WA{vgZho-N+*9=zsr}1&viN^iROJJXM)k8Ec7O(*EPw(AY(vQWLA6syM_<
zOAB(;dem5YAylixvx`UTA-h<Q!ER?l1dnt>b49ErW4EPa7msw)KXded6ZM~i7^<${
z)J;5gR7v)frF3f^y`7@kC9WtQ+m;~>4{GNqla^)I@Y@~L5bO2CZhy5?JhuK*T{-S*
zhNLRVo~Zc^%p%dO0Fn^Ov}|?>kGSc?pp~j8Q|Vv@)oxB<2akB$;%2UR#8B3TEkgKB
zRdOVzK*h2^M4}tnXv)7;^(aIH)k+ZB#UpB3H|mRDV+|2OwVD{&#z&9AG98CpQD>^F
z43YJ=V!(7y4Ap@I=@gG|Z7a9wXT?xW4%Q9)Uu~Hyg`-e=i2wiq07*qoM6N<$f+`WI
AWB>pF

delta 355
zcmV-p0i6D=2d)Q@Bms4?B{c$n3bRn6KX{M@%iNtSizo8n#kvy1&<j|8tpt&qNPbvV
zz*tR8A?BG+$etrSb|Z_ZqyPO^7Bp79&_4m=@>FGFWvnHBN&AmyLt__xN=>YOs^Snc
zEiK4V>rrFrg;1>$&n_OVhwNfK2D_aJ5j@fj%@whhjNO)wT|ClF|IE>UPt<=7VyL=)
zQ#bM0Q6<?^meQ?x^mdABm$;&MY+HsjJgA+cOj?#*!*6#~L#)>myZzNp@!0xLb>+CL
z8Ir0bd!ptyFpEU90!TtA)3VtmJmRJkgI21ZOr?VrRJ%Ea9X#S~i<`OP5kpxUwg}-j
zRmqW<0u{>w5s7YOqbdJZ)}s&+R4YMf7muiE-KZ~qjWt9B)oNm78y`Ie%XA!aMV+ax
zGDOzfiUHF-F;oW<q*FY;wXNKypA|zjIaoLFe*tZoD}}%Wp*{cr002ovPDHLkV1h)k
Bpy&Vq

diff --git a/web/style/transmission/images/buttons/info_activity.png b/web/style/transmission/images/inspector-activity.png
similarity index 100%
rename from web/style/transmission/images/buttons/info_activity.png
rename to web/style/transmission/images/inspector-activity.png
diff --git a/web/style/transmission/images/buttons/info_files.png b/web/style/transmission/images/inspector-files.png
similarity index 100%
rename from web/style/transmission/images/buttons/info_files.png
rename to web/style/transmission/images/inspector-files.png
diff --git a/web/style/transmission/images/buttons/info_general.png b/web/style/transmission/images/inspector-info.png
similarity index 100%
rename from web/style/transmission/images/buttons/info_general.png
rename to web/style/transmission/images/inspector-info.png
diff --git a/web/style/transmission/images/buttons/info_peers.png b/web/style/transmission/images/inspector-peers.png
similarity index 100%
rename from web/style/transmission/images/buttons/info_peers.png
rename to web/style/transmission/images/inspector-peers.png
diff --git a/web/style/transmission/images/buttons/info_trackers.png b/web/style/transmission/images/inspector-trackers.png
similarity index 100%
rename from web/style/transmission/images/buttons/info_trackers.png
rename to web/style/transmission/images/inspector-trackers.png
diff --git a/web/style/transmission/images/logo.png b/web/style/transmission/images/logo.png
index 69bc8c993e63a44954025f7311d0475ed0021481..a76a1ccebbfc90d0f581f8e5686fb03392dba69e 100644
GIT binary patch
literal 5855
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

literal 5875
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
JPDHLkV1g*uXr=%F

diff --git a/web/style/transmission/images/settings.png b/web/style/transmission/images/settings.png
new file mode 100644
index 0000000000000000000000000000000000000000..21cddf5be42d573895f9fff129f48bb4f7a168a4
GIT binary patch
literal 319
zcmeAS@N?(olHy`uVBq!ia0vp^AT}2V8<6ZZI=>f4F%}28J29*~C-V}>VN3FMcVYMs
zf(!O8p9~b?EbxddW?<kJ24O~qS#u<Sg6t)pzOL-Ixx^Xytg__R9{>vN_jGX#k+|$T
zL072NfT!iLCFiC|>Jz7W<fsaDK9z{*Yk0ynb?ObTz6sa$jo&JiP0B0#99(%nJR~&8
zOYD2?^~!mocF%KU0=X{U{jPi2B(o=QT54cX%aJ6Ljhxxy?`scR^c_=NCtGi!pb>X{
zX=)Q^TjGXu4h4z}PH)TY;#6p3pV5*ex>?@c_Pp}(!WG5mTwd?W+RdfdD$pc(Lb7(=
z@@vU0N-3<%-p|$y`p<1R(KP0M^tq^~JHFZS3W&V?@${g)_r_OyTs^;?0(ynP)78&q
Iol`;+0AJ5`UjP6A

literal 0
HcmV?d00001

diff --git a/web/style/transmission/images/turtle.png b/web/style/transmission/images/turtle.png
new file mode 100644
index 0000000000000000000000000000000000000000..298af8940b4173122308cfea8e2058bf45f2cebf
GIT binary patch
literal 2869
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
T_i0Iu00000NkvXXu0mjf;gXC7

literal 0
HcmV?d00001

diff --git a/web/style/transmission/images/wrench.png b/web/style/transmission/images/wrench.png
new file mode 100644
index 0000000000000000000000000000000000000000..67580b69efa373babb738d50ccd8abddbf9418e9
GIT binary patch
literal 337
zcmeAS@N?(olHy`uVBq!ia0vp^{2<K10wgEik39&a7>k44ofy`glX(f`a29w(7Bet#
z3xhBt!>l<HKtc8rPhVH|+g#$znnG=_5)FYuOiAAEE)4(M`_JqL@~(QiIEF}s$DZ%y
zZ88vGeX!iIQz;}+xOaxe5tA7mMl%;%IJp<FxbF~@IVgB;@s#-=_HB8%V~SkG0ulZa
zP2ZDGuZy-8XJ-W$94vo)DqA~zTiVBBUxoI((2GkVPh{qnlpbZBIaw)m=E)t&{!1(#
zhb$H@KX;bpfFP&PI$2+*tM|+r=ia(JPuJ>(V)e}xy16$i`DSU02A>gIE0}yWzfEgV
zhi=rVbWx=i-{N&lTsIb7xVzJ#q4Mtw>G^;Ab!L5K`=s0X{Zqt+5`(ua^CtA1d0{K}
e&+BX4HTjkYLEOc0Mu|WVGI+ZBxvX<aXaWF+W`P#~

literal 0
HcmV?d00001

diff --git a/web/style/transmission/mobile.css b/web/style/transmission/mobile.css
index 4a3c0b008..8fffaf63b 100644
--- a/web/style/transmission/mobile.css
+++ b/web/style/transmission/mobile.css
@@ -3,350 +3,338 @@
  * G L O B A L
  *
  *--------------------------------------*/
-
 html {
-	margin: 0;
-/* setting border: 0 hoses ie6 win window inner well border */
-	padding: 0;
-}
+  margin: 0;
+  /* setting border: 0 hoses ie6 win window inner well border */
+  padding: 0; }
 
 body {
-	font: 11px Helvetica, Arial, sans-serif;
-	background: #FFF;
-	text-align: center;
-	margin: 0;
-	padding: 0;
-	width: 100%;
-	overflow-x: hidden;
-	-webkit-text-size-adjust: none;
-}
+  font: 11px Helvetica, Arial, sans-serif;
+  background: #FFF;
+  text-align: center;
+  margin: 0;
+  padding: 0;
+  width: 100%;
+  overflow-x: hidden;
+  -webkit-text-size-adjust: none; }
 
 body div#torrent_container {
-        min-height: 328px;
-}
+  min-height: 328px; }
 
 body div.dialog_container {
-        min-height: 326px;
-}
+  min-height: 326px; }
 
 body div#torrent_inspector {
-        min-height: 329px;
-}
+  min-height: 329px; }
 
 body.landscape div#torrent_container {
-	min-height: 147px;
-}
+  min-height: 147px; }
 
 body.landscape div#dialog_container, body.landscape div#torrent_inspector {
-	min-height: 143px;
-}
+  min-height: 143px; }
 
 body.inspector_showing #torrent_filter_bar, body.inspector_showing #torrent_container,
 body.dialog_showing #torrent_filter_bar, body.dialog_showing #torrent_container, body.dialog_showing #torrent_inspector,
 body.prefs_showing #torrent_inspector, body.prefs_showing #torrent_filter_bar, body.prefs_showing #torrent_container,
 body.open_showing #torrent_filter_bar, body.open_showing #torrent_container {
-	display: none !important;
-}
+  display: none !important; }
 
 .torrent a img {
-	display: none;
-}
+  display: none; }
 
 /***
 ****
 ****  TOOLBAR
 ****
 ***/
-
 #toolbar {
-	width: 100%;
-	height: 55px;
-	margin: 0;
-	background: #6685a1 url('images/iphone_chrome.png') top left repeat-x;
-	border: 1px outset #AEBBCB;
-}
+  width: 100%;
+  height: 55px;
+  margin: 0;
+  background: #6685a1 url("images/iphone_chrome.png") top left repeat-x;
+  border: 1px outset #AEBBCB; }
 
 #toolbar ul {
-	margin: 0;
-	padding: 0 3px;
-	text-align: center;
-}
+  margin: 0;
+  padding: 0 3px;
+  text-align: center; }
 
 #toolbar ul li {
-	list-style-type: none;
-	list-style-image: none;
-	margin: 4px 0 0 0;
-	padding: 0 2px;
-	cursor: pointer;
-	display: inline-block;
-}
+  list-style-type: none;
+  list-style-image: none;
+  margin: 4px 0 0 0;
+  padding: 0 2px;
+  cursor: pointer;
+  display: inline-block; }
 
 #toolbar li#remove, li#open, li#resume_selected, li#pause_selected {
-	float: left;
-}
+  float: left; }
+
 #toolbar li#resume_all, li#pause_all {
-	float: right;
-}
+  float: right; }
 
 #toolbar ul li > div {
-	color: #fff;
-	font-size: 9px;
-	text-decoration: none;
-	padding: 0 4px 0;
-	display: block;
-	margin: 0;
-	background-position: top center;
-	background-repeat: no-repeat;
-	position: relative;
-	font-weight: bold;
-}
+  color: #fff;
+  font-size: 9px;
+  text-decoration: none;
+  padding: 0 4px 0;
+  display: block;
+  margin: 0;
+  background-position: top center;
+  background-repeat: no-repeat;
+  position: relative;
+  font-weight: bold; }
 
 #toolbar ul li div.toolbar_image {
-	width: 32px;
-	height: 32px;
-	margin: 0 auto 2px;
-	background-image: url('images/buttons/toolbar_buttons.png');
-}
+  width: 32px;
+  height: 32px;
+  margin: 0 auto 2px;
+  background-image: url("images/buttons/toolbar_buttons.png"); }
 
 /* toolbar images */
-li#open            div        div.toolbar_image { background-position: left     0px; }
-li#open            div:active div.toolbar_image { background-position: right    0px; }
-li#remove          div        div.toolbar_image { background-position: left   -32px; }
-li#remove          div:active div.toolbar_image { background-position: right  -32px; }
-li#resume_selected div        div.toolbar_image { background-position: left   -96px; }
-li#resume_selected div:active div.toolbar_image { background-position: right  -96px; }
-li#pause_selected  div        div.toolbar_image { background-position: left   -64px; }
-li#pause_selected  div:active div.toolbar_image { background-position: right  -64px; }
-li#pause_all       div        div.toolbar_image { background-position: left  -128px; }
-li#pause_all       div:active div.toolbar_image { background-position: right -128px; }
-li#resume_all      div        div.toolbar_image { background-position: left  -160px; }
-li#resume_all      div:active div.toolbar_image { background-position: right -160px; }
-li#filter          div        div.toolbar_image { background-position: left  -192px; }
-li#filter          div:active div.toolbar_image { background-position: right -192px; }
-li#inspector       div        div.toolbar_image { background-position: left  -224px; }
-li#inspector       div:active div.toolbar_image { background-position: right -224px; }
+li#open div div.toolbar_image {
+  background-position: left     0px; }
+
+li#open div:active div.toolbar_image {
+  background-position: right    0px; }
+
+li#remove div div.toolbar_image {
+  background-position: left -32px; }
+
+li#remove div:active div.toolbar_image {
+  background-position: right -32px; }
+
+li#resume_selected div div.toolbar_image {
+  background-position: left -96px; }
+
+li#resume_selected div:active div.toolbar_image {
+  background-position: right -96px; }
+
+li#pause_selected div div.toolbar_image {
+  background-position: left -64px; }
+
+li#pause_selected div:active div.toolbar_image {
+  background-position: right -64px; }
+
+li#pause_all div div.toolbar_image {
+  background-position: left -128px; }
+
+li#pause_all div:active div.toolbar_image {
+  background-position: right -128px; }
+
+li#resume_all div div.toolbar_image {
+  background-position: left -160px; }
+
+li#resume_all div:active div.toolbar_image {
+  background-position: right -160px; }
+
+li#filter div div.toolbar_image {
+  background-position: left -192px; }
+
+li#filter div:active div.toolbar_image {
+  background-position: right -192px; }
+
+li#inspector div div.toolbar_image {
+  background-position: left -224px; }
+
+li#inspector div:active div.toolbar_image {
+  background-position: right -224px; }
 
 #toolbar ul li.disabled > div {
-	text-shadow: 0 1px 0 #fff;
-	opacity: 0.25;
-	cursor: default;
-}
+  text-shadow: 0 1px 0 #fff;
+  opacity: 0.25;
+  cursor: default; }
 
 #toolbar ul li#filter,
 #toolbar ul li#inspector,
 #toolbar ul li.divider {
-	display: none;
-}
+  display: none; }
 
 /***
 ****
 ****  STATUSBAR
 ****
 ***/
-
 #statusbar {
-	margin: 0;
-	color: #fff;
-	background: #6B83A1;
-	border: 1px outset #AEBBCB;
-	width: 100%;
-	overflow: hidden;
-	position: relative;
-	text-align: left;
-}
+  margin: 0;
+  color: #fff;
+  background: #6B83A1;
+  border: 1px outset #AEBBCB;
+  width: 100%;
+  overflow: hidden;
+  position: relative;
+  text-align: left; }
 
 #statusbar #speed-info {
-	margin-top: 3px;
-	float: right;
-	margin-right: 6px;
-}
+  margin-top: 3px;
+  float: right;
+  margin-right: 6px; }
 
 #statusbar #filter-button {
-	float: left;
-	border: none;
-	font-size: 1.2em;
-	padding: 1px 6px;
-	margin-top: 1px;
-	overflow: hidden;
-	text-overflow: ellipsis;
-	-moz-user-select: none;
-	-webkit-user-select: none;
-}
+  float: left;
+  border: none;
+  font-size: 1.2em;
+  padding: 1px 6px;
+  margin-top: 1px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  -moz-user-select: none;
+  -webkit-user-select: none; }
+
 #statusbar #filter-button:hover {
-	cursor: pointer;
-}
+  cursor: pointer; }
+
 #statusbar #filter-button .filter-selection {
-	text-decoration: underline;
-}
-
-
+  text-decoration: underline; }
 
 #statusbar #torrent_search {
-	display: none;
-}
+  display: none; }
 
 /***
 ****
 ****  FILTER POPUP
 ****
 ***/
-
 #filter-popup .count {
-        padding-left: 3px;
-}
+  padding-left: 3px; }
+
 #filter-popup {
-        color: #222;/* !important; */
-        background: #FFF;
-        z-index: 100;
-}
+  color: #222;
+  /* !important; */
+  background: #FFF;
+  z-index: 100; }
 
 #filter-popup #filter-by-state .row .filter-img {
-        display: none;
-}
+  display: none; }
+
 div#filter-popup #filter-by-state .row .filter-name {
-        left: 0px;
-}
+  left: 0px; }
+
 #filter-popup .row {
-	text-align: left;
-	cursor: pointer;
-	margin: 15px 2px;
-	position: relative;
-	height: 18px;
-	-moz-user-select: none;
-	-webkit-user-select: none;
-}
+  text-align: left;
+  cursor: pointer;
+  margin: 15px 2px;
+  position: relative;
+  height: 18px;
+  -moz-user-select: none;
+  -webkit-user-select: none; }
+
 div#filter-popup .row .filter-img {
-        border: none;
-        width: 16px;
-        height: 16px;
-        position: absolute;
-        left: 0px;
-}
+  border: none;
+  width: 16px;
+  height: 16px;
+  position: absolute;
+  left: 0px; }
+
 #filter-popup .row .filter-name {
-        position: absolute;
-        left: 20px;
-}
+  position: absolute;
+  left: 20px; }
+
 #filter-popup .row .count {
-        float: right;
-        color: #aaa;
-}
+  float: right;
+  color: #aaa; }
+
 #filter-popup li {
-        text-align: left
-}
+  text-align: left; }
+
 #filter-popup .row:hover,
 #filter-popup .row.selected {
-        font-weight: bold;
-}
+  font-weight: bold; }
+
 #filter-popup #filter-by-state {
-        float: left;
-        width: 120px;
-        overflow: hidden;
-        text-overflow: ellipsis;
-}
+  float: left;
+  width: 120px;
+  overflow: hidden;
+  text-overflow: ellipsis; }
+
 #filter-popup #filter-by-tracker {
-        float: right;
-        width: 130px;
-        overflow: hidden;
-        text-overflow: ellipsis;
-}
+  float: right;
+  width: 130px;
+  overflow: hidden;
+  text-overflow: ellipsis; }
 
 /***
 ****
 ****  TORRENT CONTAINER
 ****
 ***/
-
 ul.torrent_list {
-	margin: 0;
-	padding: 0;
-	text-align: left;
-}
+  margin: 0;
+  padding: 0;
+  text-align: left; }
 
 ul.torrent_list li {
-	list-style-type: none;
-	list-style-image: none;
-	clear: both;
-	display: block;
-	padding: 0;
-	margin: 0;
-	vertical-align: middle;
-}
+  list-style-type: none;
+  list-style-image: none;
+  clear: both;
+  display: block;
+  padding: 0;
+  margin: 0;
+  vertical-align: middle; }
 
 ul.torrent_list li.torrent {
-	border-bottom: 1px solid #ccc;
-	padding: 4px 10px;
-	color: #666;
-	font-size: 11px;
-	margin: 0 !important;
-	background: white;
-}
+  border-bottom: 1px solid #ccc;
+  padding: 4px 10px;
+  color: #666;
+  font-size: 11px;
+  margin: 0 !important;
+  background: white; }
 
 ul.torrent_list li.torrent.compact {
-	padding: 4px;
-}
+  padding: 4px; }
 
 .torrent div.torrent_progress_details, .torrent div.torrent_peer_details {
-	clear: both;
-	white-space: nowrap;
-	overflow: hidden;
-	text-overflow: ellipsis;
-}
+  clear: both;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis; }
 
 ul.torrent_list li.torrent.even {
-	background-color: #EDF3FE;
-}
+  background-color: #EDF3FE; }
 
 ul.torrent_list li.torrent.selected {
-	background-color: #3879D7;
-	color: #FFF;
-}
+  background-color: #3879D7;
+  color: #FFF; }
 
 ul.torrent_list li.torrent div.torrent_name {
-	font-size: 1.3em;
-	font-weight: bold;
-	overflow: hidden;
-	text-overflow: ellipsis;
-	white-space: nowrap;
-	color: #222;
-	margin-bottom: 2px;
-}
+  font-size: 1.3em;
+  font-weight: bold;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  color: #222;
+  margin-bottom: 2px; }
 
 ul.torrent_list li.torrent div.torrent_name.compact {
-	font-size: 1.0em;
-	font-weight: normal;
-}
+  font-size: 1.0em;
+  font-weight: normal; }
 
 ul.torrent_list li.torrent div.torrent_name.paused {
-	font-weight: normal;
-	color: #777;
-}
+  font-weight: normal;
+  color: #777; }
 
 ul.torrent_list li.torrent.selected div.torrent_name {
-	color: #fff;
-}
+  color: #fff; }
 
 ul.torrent_list div.torrent_progress_details,
 ul.torrent_list div.torrent_peer_details {
-	clear: left;
-	font-size: 1em;
-	overflow: hidden;
-	text-overflow: ellipsis;
-	white-space: nowrap;
-}
+  clear: left;
+  font-size: 1em;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap; }
 
 ul.torrent_list li.torrent div.torrent_progress_details.error {
-	color: #FF0000;
-}
-ul.torrent_list li.torrent.selected div.torrent_progress_details.error {
-	color: #FFF;
-}
-ul.torrent_list li.torrent div.torrent_peer_details.error {
-	color: #FF0000;
-}
-ul.torrent_list li.torrent.selected div.torrent_peer_details.error {
-	color: #FFF;
-}
+  color: #FF0000; }
 
+ul.torrent_list li.torrent.selected div.torrent_progress_details.error {
+  color: #FFF; }
+
+ul.torrent_list li.torrent div.torrent_peer_details.error {
+  color: #FF0000; }
+
+ul.torrent_list li.torrent.selected div.torrent_peer_details.error {
+  color: #FFF; }
 
 /**
  * Progressbar
@@ -362,657 +350,847 @@ ul.torrent_list li.torrent.selected div.torrent_peer_details.error {
  * The progressbar has different colors depending on its state, so there
  * are five 'decorator' classNames: paused, queued, magnet, leeching, seeding.
  */
-
 ul.torrent_list div.torrent_progress_bar_container {
-	height: 10px;
-	position: relative;
-	margin-top: 2px;
-}
+  height: 10px;
+  position: relative;
+  margin-top: 2px; }
+
 ul.torrent_list div.torrent_progress_bar_container.compact {
-	width: 50px;
-	position: absolute;
-	right: 10px;
-	margin-top: 2px;
-	/*float: right;*/
-}
+  width: 50px;
+  position: absolute;
+  right: 10px;
+  margin-top: 2px;
+  /*float: right;*/ }
+
 ul.torrent_list div.torrent_peer_details.compact {
-	margin-top: 2px;
-	margin-left: 10px;
-	margin-right: 65px; /* leave room on the right for the progressbar */
-	float: right; /* pins it next to progressbar & forces torrent_name to ellipsize when it bumps up against this div */
-}
+  margin-top: 2px;
+  margin-left: 10px;
+  margin-right: 65px;
+  /* leave room on the right for the progressbar */
+  float: right;
+  /* pins it next to progressbar & forces torrent_name to ellipsize when it bumps up against this div */ }
+
 ul.torrent_list div.torrent_progress_bar_container.full {
-	margin-bottom: 5px;
-}
+  margin-bottom: 5px; }
+
 ul.torrent_list div.torrent_progress_bar {
-	height: 100%;
-	position: absolute;
-	top: 0px;
-	left: 0px;
-	background-image: url('images/progress.png');
-	background-repeat: repeat-x;
-	border: 1px solid #888;
-}
+  height: 100%;
+  position: absolute;
+  top: 0px;
+  left: 0px;
+  background-image: url("images/progress.png");
+  background-repeat: repeat-x;
+  border: 1px solid #888; }
+
 ul.torrent_list div.torrent_progress_bar.complete {
-	z-index: 2;
-}
+  z-index: 2; }
+
 ul.torrent_list div.torrent_progress_bar.incomplete {
-	z-index: 1;
-	width: 100%;
-}
+  z-index: 1;
+  width: 100%; }
+
 ul.torrent_list div.torrent_progress_bar.complete.paused {
-        background-position: left -30px;
-        border-color: #989898;
-}
+  background-position: left -30px;
+  border-color: #989898; }
+
 ul.torrent_list div.torrent_progress_bar.incomplete.paused {
-        background-position: left -20px;
-        border-color: #CFCFCF;
-}
+  background-position: left -20px;
+  border-color: #CFCFCF; }
+
 ul.torrent_list div.torrent_progress_bar.complete.magnet {
-        background-position: left -20px;
-        border-color: #CFCFCF;
-}
+  background-position: left -20px;
+  border-color: #CFCFCF; }
+
 ul.torrent_list div.torrent_progress_bar.incomplete.magnet {
-        background-position: left -50px;
-        border-color: #D47778;
-}
+  background-position: left -50px;
+  border-color: #D47778; }
+
 ul.torrent_list div.torrent_progress_bar.complete.leeching {
-        background-position: left 0px;
-        border-color: #3D9DEA;
-}
+  background-position: left 0px;
+  border-color: #3D9DEA; }
+
 ul.torrent_list div.torrent_progress_bar.complete.leeching.queued {
-        background-position: left -70px;
-        border-color: #889CA5;
-}
+  background-position: left -70px;
+  border-color: #889CA5; }
+
 ul.torrent_list div.torrent_progress_bar.incomplete.leeching {
-        background-position: left -20px;
-        border-color: #CFCFCF;
-}
+  background-position: left -20px;
+  border-color: #CFCFCF; }
+
 ul.torrent_list div.torrent_progress_bar.incomplete.leeching.queued {
-        background-position: left -80px;
-        border-color: #C4C4C4;
-}
+  background-position: left -80px;
+  border-color: #C4C4C4; }
+
 ul.torrent_list div.torrent_progress_bar.complete.seeding {
-        background-position: left -40px;
-        border-color: #269E30;
-}
+  background-position: left -40px;
+  border-color: #269E30; }
+
 ul.torrent_list div.torrent_progress_bar.complete.seeding.queued {
-        background-position: left -60px;
-        border-color: #8A998D;
-}
+  background-position: left -60px;
+  border-color: #8A998D; }
+
 ul.torrent_list div.torrent_progress_bar.incomplete.seeding {
-        background-position: left -10px;
-        border-color: #29AD35;
-}
+  background-position: left -10px;
+  border-color: #29AD35; }
 
 div.dialog_container {
-	background: rgba(0,0,0,0.85);
-	color: white;
-	padding: 15px 10px;
-}
+  background: rgba(0, 0, 0, 0.85);
+  color: white;
+  padding: 15px 10px; }
 
 div.dialog_container #dialog_logo {
-        width: 64px;
-        height: 64px;
-        margin: 20px 20px 0 20px;
-        float: left;
-        background: transparent url('images/logo.png') top left no-repeat;
-}
+  width: 64px;
+  height: 64px;
+  margin: 20px 20px 0 20px;
+  float: left;
+  background: transparent url("images/logo.png") top left no-repeat; }
 
 div.dialog_container .dialog_window {
-	height: auto;
-	font-size: 13px;
-	text-shadow: black 1px 1px 1px !important;
-}
+  height: auto;
+  font-size: 13px;
+  text-shadow: black 1px 1px 1px !important; }
 
 div#dialog_message.dialog_message {
-	width: 280px;
-	margin: 10px auto 25px;
-	font-size: 13px;
-	line-height: 14px;
-	word-wrap: break-word;
-	overflow: hidden;
-	padding-bottom: 0;
-}
+  width: 280px;
+  margin: 10px auto 25px;
+  font-size: 13px;
+  line-height: 14px;
+  word-wrap: break-word;
+  overflow: hidden;
+  padding-bottom: 0; }
 
-#torrent_upload_file, label[for="torrent_upload_file"]{
-	display:none;
-}
+#torrent_upload_file, label[for="torrent_upload_file"] {
+  display: none; }
 
 h2.dialog_heading {
-	text-align: center;
-	width: 300px;
-	margin: 0 auto;
-	font-size: 17px;
-}
+  text-align: center;
+  width: 300px;
+  margin: 0 auto;
+  font-size: 17px; }
 
 div.dialog_container a {
-	color: white;
-	padding: 7px 0;
-	background: #222;
-	text-decoration: none;
-	border: 2px solid white;
-	margin: 5px 5px 0;
-	font-weight: bold;
-	-webkit-border-radius: 16px;
-	display: inline-block;
-	width: 90px;
-	font-size: 12px;
-	text-align: center;
-}
+  color: white;
+  padding: 7px 0;
+  background: #222;
+  text-decoration: none;
+  border: 2px solid white;
+  margin: 5px 5px 0;
+  font-weight: bold;
+  -webkit-border-radius: 16px;
+  display: inline-block;
+  width: 90px;
+  font-size: 12px;
+  text-align: center; }
 
 #dialog_container div.dialog_window img {
-	margin: 5px auto 12px;
-}
+  margin: 5px auto 12px; }
 
 .landscape div.dialog_container a#dialog_cancel_button {
-	left: 155px;
-}
+  left: 155px; }
 
 .landscape div.dialog_container a#dialog_confirm_button {
-	right: 110px;
-}
+  right: 110px; }
 
 .landscape div.dialog_container img {
-	float: left !important;
-	margin: 0 0 0 50px;
-}
+  float: left !important;
+  margin: 0 0 0 50px; }
 
 .landscape h2#dialog_heading.dialog_heading {
-	margin: 5px auto 0;
-	margin-left: 150px;
-	text-align: left;
-}
+  margin: 5px auto 0;
+  margin-left: 150px;
+  text-align: left; }
 
 .landscape div#dialog_message.dialog_message {
-	width: 300px;
-	margin: 10px 0 20px 150px;
-	text-align: left;
-}
+  width: 300px;
+  margin: 10px 0 20px 150px;
+  text-align: left; }
 
 /***
 ****
 ****  PREFERENCES
 ****
 ***/
-
 #prefs-dialog.ui-tabs .ui-tabs-panel {
-	padding: 0px;
-	-moz-user-select: none;
-	-webkit-user-select: none;
-}
+  padding: 0px;
+  -moz-user-select: none;
+  -webkit-user-select: none; }
+
 .prefs-section {
-	margin: 10px;
-	text-align: left;
-}
-.prefs-section > * {
-	padding-top: 8px;
-	padding-left: 8px;
-}
-.prefs-section .title {
-	font-weight: bold;
-	padding-left: 0px;
-}
-.prefs-section .row .key {
-	float: left;
-	padding-top: 3px;
-}
-.prefs-section .row .key > * {
-	margin-left: 0px;
-}
-.prefs-section .row .value {
-	margin-left: 150px;
-}
-.prefs-section .row .value > * {
-	width: 100%;
-}
-.prefs-section .checkbox-row > input {
-	margin: 0px;
-}
-.prefs-section .checkbox-row > label {
-	margin-left: 5px;
-}
+  margin: 10px;
+  text-align: left; }
+  .prefs-section > * {
+    padding-top: 8px;
+    padding-left: 8px; }
+  .prefs-section .title {
+    font-weight: bold;
+    padding-left: 0px; }
+  .prefs-section .row .key {
+    float: left;
+    padding-top: 3px; }
+    .prefs-section .row .key > * {
+      margin-left: 0px; }
+  .prefs-section .row .value {
+    margin-left: 150px; }
+    .prefs-section .row .value > * {
+      width: 100%; }
+  .prefs-section .checkbox-row > input {
+    margin: 0px; }
+  .prefs-section .checkbox-row > label {
+    margin-left: 5px; }
+  .prefs-section #alternative-speed-limits-title {
+    padding-left: 18px;
+    background: transparent url("images/blue-turtle.png") no-repeat; }
 
 /*--------------------------------------
  *
  * T O R R E N T   I N S P E C T O R
  *
  *--------------------------------------*/
-
-#inspector_close {
-	align: right;
-	text-align: center;
-	float: right;
-	padding-right: 10px;
-	padding-top: 12px;
-	background: transparent url('images/buttons/cancel.png') no-repeat;
-}
-
 div#torrent_inspector {
-	position: relative;
-	top: 0 !important;
-	right: 0px;
-	width: 100%;
-	background-color: #ddd;
-	z-index: 2;
-	text-align: left;
-	overflow: auto;
-}
-div#torrent_inspector #torrent_inspector_name {
-	margin: 0;
-	overflow: hidden;
-}
-div#torrent_inspector #torrent_inspector_size {
-	font-size: 1.2em;
-	margin: 3px;
-	display: block;
-	padding-top: 2px;
-}
-div#inspector_header {
-	clear: both;
-	padding-top: 10px;
-	padding-left: 10px;
-	padding-right: 10px;
-}
-div#inspector_tabs {
-	width: 243px;
-	margin: 0 auto;
-	padding-top: 10px;
-}
-.inspector_tab {
-	float: left;
-	height: 17px;
-	background: transparent url('images/buttons/tab_backgrounds.png') left -1px repeat-x;
-	border: 1px solid #888;
-	margin: 0px 1px;
-	padding: 3px 15px; /* 3px == ((bg image height - fg image height) / 2) */
-	cursor: pointer;
-}
-#inspector_tabs .selected {
-	background-position: left -26px; /* the highlighted part of the image */
-}
-.inspector_tab > #inspector-tab-label-info {
-	width: 24px;
-	height: 20px;
-	background: transparent url('images/buttons/info_general.png') no-repeat;
-}
-.inspector_tab > #inspector-tab-label-activity {
-	width: 24px;
-	height: 20px;
-	background: transparent url('images/buttons/info_activity.png') no-repeat;
-}
-.inspector_tab > #inspector-tab-label-peers {
-	width: 24px;
-	height: 20px;
-	background: transparent url('images/buttons/info_peers.png') no-repeat;
-}
-.inspector_tab > #inspector-tab-label-trackers {
-	width: 24px;
-	height: 20px;
-	background: transparent url('images/buttons/info_trackers.png') no-repeat;
-}
-.inspector_tab > #inspector-tab-label-files {
-	width: 24px;
-	height: 20px;
-	background: transparent url('images/buttons/info_files.png') no-repeat;
-}
-
-
-.inspector_container {
-	margin: 3%;
-	width: 96%;
-}
-.inspector_group {
-	display: table;
-	width: 100%;
-	border-top: 1px solid #888;
-	margin: 10px 0px;
-	padding: 10px 0px;
-}
-.inspector_group_label {
-	display: table-header-group;
-	font-weight: bold;
-}
-.inspector_row {
-	display: table-row;
-}
-.inspector_row > .inspector_label {
-	display: table-cell;
-	width: 100px; /* this + the next 230 == inspector_container_with */
-}
-.inspector_row > div {
-	display: table-cell;
-	padding-top: 10px;
-	width: 230px; /* inspector_container_width==330 - inspector_label_width==100 */
-}
-
-/* Trackers Inspector Tab */
-#inspector_trackers_list {
-	padding: 0 0 0 0;
-	margin: 0 0 0 0;
-	text-align: left;
-	cursor: default;
-	overflow: hidden;
-}
-
-#inspector_trackers_list > div.inspector_group {
-	padding-bottom: 0;
-	margin-bottom: 0;
-}
-
-ul.tier_list {
-	width: 100%;
-	margin: 10px 0 0 0;
-	padding-left: 0px;
-	text-align: left;
-	display: block;
-	cursor: default;
-	list-style-type: none;
-	list-style: none;
-	list-style-image: none;
-	clear: both;
-}
-.tier_list li{
-	overflow: hidden;
-}
-.tier_list .tracker_activity{
-	float: left;
-	color: #666;
-	width: 200px;
-	display: table;
-	margin-top: 1px;
-}
-.tier_list .tracker_activity div{
-	padding: 2px;
-}
-.tier_list table{
-	float: right;
-	color: #666;
-}
-.tier_list th{
-	text-align: right;
-}
-
-li.inspector_tracker_entry {
-	padding: 3px 0 3px 2px;
-	display: block;
-}
-
-li.inspector_tracker_entry.odd {
-	background-color: #EEEEEE;
-}
-div.tracker_host {
-	font-size: 1.2em;
-	font-weight: bold;
-	color: #222;
-}
-
-/* Files Inspector Tab */
-#inspector_file_list {
-	padding: 0 0 0 0;
-	margin: 0 0 0 0;
-	text-align: left;
-	cursor: default;
-	overflow: hidden;
-}
-ul.inspector_torrent_file_list {
-	width: 100%;
-	margin: 0  0 0 0;
-	padding-bottom: 10px;
-	text-align: left;
-	display: block;
-	cursor: default;
-	list-style-type: none;
-	list-style: none;
-	list-style-image: none;
-}
-li.inspector_torrent_file_list_entry {
-	padding: 3px 0 3px 2px;
-	display: block;
-}
-
-li.inspector_torrent_file_list_entry.skip {
-	color: #666;
-}
-
-li.inspector_torrent_file_list_entry.even {
-	background-color: #EEEEEE;
-}
-div.inspector_torrent_file_list_entry_name {
-	font-size: 1.2em;
-	font-weight: bold;
-	color: #222;
-	margin-left: 20px;
-}
-li.inspector_torrent_file_list_entry.skip>.inspector_torrent_file_list_entry_name {
-	color: #666;
-}
-div.inspector_torrent_file_list_entry_progress {
-	font-size: 1em;
-	color: #666;
-	margin-left: 20px;
-}
-div.file_wanted_control {
-	background-position: left -19px;
-	float: left;
-	position: absolute;
-	cursor: pointer;
-	margin: 3px 0 0 0;
-	width: 19px;
-	height: 19px;
-	background-image: url('images/buttons/file_wanted_buttons.png');
-	background-repeat: no-repeat;
-	background-color: transparent;
-}
-
-li.inspector_torrent_file_list_entry.skip>.file_wanted_control {
-	background-position: left top;
-}
-
-li.inspector_torrent_file_list_entry.complete>.file_wanted_control {
-	background-position: left -19px;
-}
-
-ul.single_file li.inspector_torrent_file_list_entry>.file_wanted_control,
-li.inspector_torrent_file_list_entry.complete>.file_wanted_control {
-	background-position: left -38px;
-	cursor: default;
-}
+  top: 0 !important;
+  position: relative;
+  right: 0px;
+  width: 100%;
+  background-color: #ddd;
+  z-index: 2;
+  text-align: left;
+  overflow: auto;
+  /* Files Inspector Tab */ }
+  div#torrent_inspector #inspector-close {
+    float: right;
+    display: inline;
+    width: 20px;
+    height: 20px;
+    margin: 10px 10px 0px 0px;
+    background: transparent url("images/buttons/cancel.png") no-repeat; }
+  div#torrent_inspector #inspector-tabs-wrapper {
+    width: 100%;
+    overflow: hidden;
+    text-align: center; }
+    div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs {
+      display: inline-block; }
+      div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > * {
+        width: 30px;
+        height: 20px;
+        border: 1px solid #aaa;
+        border-left-width: 0px; }
+      div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-info {
+        cursor: pointer;
+        display: inline-block;
+        padding: 3px;
+        background-color: #d4d4d4;
+        background-image: url("images/inspector-info.png");
+        /* fallback */
+        background-image: url("images/inspector-info.png"), -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#bbbbbb));
+        /* Saf4+, Chrome */
+        background-image: url("images/inspector-info.png"), -webkit-linear-gradient(top, #eeeeee, #bbbbbb);
+        /* Chrome 10+, Saf5.1+ */
+        background-image: url("images/inspector-info.png"), -moz-linear-gradient(top, #eeeeee, #bbbbbb);
+        /* FF3.6+ */
+        background-image: url("images/inspector-info.png"), -ms-linear-gradient(top, #eeeeee, #bbbbbb);
+        /* IE10 */
+        background-image: url("images/inspector-info.png"), -o-linear-gradient(top, #eeeeee, #bbbbbb);
+        /* Opera 11.10+ */
+        background-image: url("images/inspector-info.png"), linear-gradient(top, #eeeeee, #bbbbbb);
+        /* W3C */
+        background-position: center;
+        background-repeat: no-repeat;
+        -moz-border-radius-topleft: 5px;
+        -moz-border-radius-bottomleft: 5px;
+        border-top-left-radius: 5px;
+        border-bottom-left-radius: 5px;
+        border-left-width: 1px; }
+        div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-info.selected {
+          background-color: #7dc9f2;
+          background-image: url("images/inspector-info.png");
+          /* fallback */
+          background-image: url("images/inspector-info.png"), -webkit-gradient(linear, left top, left bottom, from(#68abe6), to(#93e8ff));
+          /* Saf4+, Chrome */
+          background-image: url("images/inspector-info.png"), -webkit-linear-gradient(top, #68abe6, #93e8ff);
+          /* Chrome 10+, Saf5.1+ */
+          background-image: url("images/inspector-info.png"), -moz-linear-gradient(top, #68abe6, #93e8ff);
+          /* FF3.6+ */
+          background-image: url("images/inspector-info.png"), -ms-linear-gradient(top, #68abe6, #93e8ff);
+          /* IE10 */
+          background-image: url("images/inspector-info.png"), -o-linear-gradient(top, #68abe6, #93e8ff);
+          /* Opera 11.10+ */
+          background-image: url("images/inspector-info.png"), linear-gradient(top, #68abe6, #93e8ff);
+          /* W3C */
+          background-position: center;
+          background-repeat: no-repeat; }
+      div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-activity {
+        cursor: pointer;
+        display: inline-block;
+        padding: 3px;
+        background-color: #d4d4d4;
+        background-image: url("images/inspector-activity.png");
+        /* fallback */
+        background-image: url("images/inspector-activity.png"), -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#bbbbbb));
+        /* Saf4+, Chrome */
+        background-image: url("images/inspector-activity.png"), -webkit-linear-gradient(top, #eeeeee, #bbbbbb);
+        /* Chrome 10+, Saf5.1+ */
+        background-image: url("images/inspector-activity.png"), -moz-linear-gradient(top, #eeeeee, #bbbbbb);
+        /* FF3.6+ */
+        background-image: url("images/inspector-activity.png"), -ms-linear-gradient(top, #eeeeee, #bbbbbb);
+        /* IE10 */
+        background-image: url("images/inspector-activity.png"), -o-linear-gradient(top, #eeeeee, #bbbbbb);
+        /* Opera 11.10+ */
+        background-image: url("images/inspector-activity.png"), linear-gradient(top, #eeeeee, #bbbbbb);
+        /* W3C */
+        background-position: center;
+        background-repeat: no-repeat; }
+        div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-activity.selected {
+          background-color: #7dc9f2;
+          background-image: url("images/inspector-activity.png");
+          /* fallback */
+          background-image: url("images/inspector-activity.png"), -webkit-gradient(linear, left top, left bottom, from(#68abe6), to(#93e8ff));
+          /* Saf4+, Chrome */
+          background-image: url("images/inspector-activity.png"), -webkit-linear-gradient(top, #68abe6, #93e8ff);
+          /* Chrome 10+, Saf5.1+ */
+          background-image: url("images/inspector-activity.png"), -moz-linear-gradient(top, #68abe6, #93e8ff);
+          /* FF3.6+ */
+          background-image: url("images/inspector-activity.png"), -ms-linear-gradient(top, #68abe6, #93e8ff);
+          /* IE10 */
+          background-image: url("images/inspector-activity.png"), -o-linear-gradient(top, #68abe6, #93e8ff);
+          /* Opera 11.10+ */
+          background-image: url("images/inspector-activity.png"), linear-gradient(top, #68abe6, #93e8ff);
+          /* W3C */
+          background-position: center;
+          background-repeat: no-repeat; }
+      div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-peers {
+        cursor: pointer;
+        display: inline-block;
+        padding: 3px;
+        background-color: #d4d4d4;
+        background-image: url("images/inspector-peers.png");
+        /* fallback */
+        background-image: url("images/inspector-peers.png"), -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#bbbbbb));
+        /* Saf4+, Chrome */
+        background-image: url("images/inspector-peers.png"), -webkit-linear-gradient(top, #eeeeee, #bbbbbb);
+        /* Chrome 10+, Saf5.1+ */
+        background-image: url("images/inspector-peers.png"), -moz-linear-gradient(top, #eeeeee, #bbbbbb);
+        /* FF3.6+ */
+        background-image: url("images/inspector-peers.png"), -ms-linear-gradient(top, #eeeeee, #bbbbbb);
+        /* IE10 */
+        background-image: url("images/inspector-peers.png"), -o-linear-gradient(top, #eeeeee, #bbbbbb);
+        /* Opera 11.10+ */
+        background-image: url("images/inspector-peers.png"), linear-gradient(top, #eeeeee, #bbbbbb);
+        /* W3C */
+        background-position: center;
+        background-repeat: no-repeat; }
+        div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-peers.selected {
+          background-color: #7dc9f2;
+          background-image: url("images/inspector-peers.png");
+          /* fallback */
+          background-image: url("images/inspector-peers.png"), -webkit-gradient(linear, left top, left bottom, from(#68abe6), to(#93e8ff));
+          /* Saf4+, Chrome */
+          background-image: url("images/inspector-peers.png"), -webkit-linear-gradient(top, #68abe6, #93e8ff);
+          /* Chrome 10+, Saf5.1+ */
+          background-image: url("images/inspector-peers.png"), -moz-linear-gradient(top, #68abe6, #93e8ff);
+          /* FF3.6+ */
+          background-image: url("images/inspector-peers.png"), -ms-linear-gradient(top, #68abe6, #93e8ff);
+          /* IE10 */
+          background-image: url("images/inspector-peers.png"), -o-linear-gradient(top, #68abe6, #93e8ff);
+          /* Opera 11.10+ */
+          background-image: url("images/inspector-peers.png"), linear-gradient(top, #68abe6, #93e8ff);
+          /* W3C */
+          background-position: center;
+          background-repeat: no-repeat; }
+      div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-trackers {
+        cursor: pointer;
+        display: inline-block;
+        padding: 3px;
+        background-color: #d4d4d4;
+        background-image: url("images/inspector-trackers.png");
+        /* fallback */
+        background-image: url("images/inspector-trackers.png"), -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#bbbbbb));
+        /* Saf4+, Chrome */
+        background-image: url("images/inspector-trackers.png"), -webkit-linear-gradient(top, #eeeeee, #bbbbbb);
+        /* Chrome 10+, Saf5.1+ */
+        background-image: url("images/inspector-trackers.png"), -moz-linear-gradient(top, #eeeeee, #bbbbbb);
+        /* FF3.6+ */
+        background-image: url("images/inspector-trackers.png"), -ms-linear-gradient(top, #eeeeee, #bbbbbb);
+        /* IE10 */
+        background-image: url("images/inspector-trackers.png"), -o-linear-gradient(top, #eeeeee, #bbbbbb);
+        /* Opera 11.10+ */
+        background-image: url("images/inspector-trackers.png"), linear-gradient(top, #eeeeee, #bbbbbb);
+        /* W3C */
+        background-position: center;
+        background-repeat: no-repeat; }
+        div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-trackers.selected {
+          background-color: #7dc9f2;
+          background-image: url("images/inspector-trackers.png");
+          /* fallback */
+          background-image: url("images/inspector-trackers.png"), -webkit-gradient(linear, left top, left bottom, from(#68abe6), to(#93e8ff));
+          /* Saf4+, Chrome */
+          background-image: url("images/inspector-trackers.png"), -webkit-linear-gradient(top, #68abe6, #93e8ff);
+          /* Chrome 10+, Saf5.1+ */
+          background-image: url("images/inspector-trackers.png"), -moz-linear-gradient(top, #68abe6, #93e8ff);
+          /* FF3.6+ */
+          background-image: url("images/inspector-trackers.png"), -ms-linear-gradient(top, #68abe6, #93e8ff);
+          /* IE10 */
+          background-image: url("images/inspector-trackers.png"), -o-linear-gradient(top, #68abe6, #93e8ff);
+          /* Opera 11.10+ */
+          background-image: url("images/inspector-trackers.png"), linear-gradient(top, #68abe6, #93e8ff);
+          /* W3C */
+          background-position: center;
+          background-repeat: no-repeat; }
+      div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-files {
+        cursor: pointer;
+        display: inline-block;
+        padding: 3px;
+        background-color: #d4d4d4;
+        background-image: url("images/inspector-files.png");
+        /* fallback */
+        background-image: url("images/inspector-files.png"), -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#bbbbbb));
+        /* Saf4+, Chrome */
+        background-image: url("images/inspector-files.png"), -webkit-linear-gradient(top, #eeeeee, #bbbbbb);
+        /* Chrome 10+, Saf5.1+ */
+        background-image: url("images/inspector-files.png"), -moz-linear-gradient(top, #eeeeee, #bbbbbb);
+        /* FF3.6+ */
+        background-image: url("images/inspector-files.png"), -ms-linear-gradient(top, #eeeeee, #bbbbbb);
+        /* IE10 */
+        background-image: url("images/inspector-files.png"), -o-linear-gradient(top, #eeeeee, #bbbbbb);
+        /* Opera 11.10+ */
+        background-image: url("images/inspector-files.png"), linear-gradient(top, #eeeeee, #bbbbbb);
+        /* W3C */
+        background-position: center;
+        background-repeat: no-repeat;
+        -moz-border-radius-topright: 5px;
+        -moz-border-radius-bottomright: 5px;
+        border-top-right-radius: 5px;
+        border-bottom-right-radius: 5px; }
+        div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-files.selected {
+          background-color: #7dc9f2;
+          background-image: url("images/inspector-files.png");
+          /* fallback */
+          background-image: url("images/inspector-files.png"), -webkit-gradient(linear, left top, left bottom, from(#68abe6), to(#93e8ff));
+          /* Saf4+, Chrome */
+          background-image: url("images/inspector-files.png"), -webkit-linear-gradient(top, #68abe6, #93e8ff);
+          /* Chrome 10+, Saf5.1+ */
+          background-image: url("images/inspector-files.png"), -moz-linear-gradient(top, #68abe6, #93e8ff);
+          /* FF3.6+ */
+          background-image: url("images/inspector-files.png"), -ms-linear-gradient(top, #68abe6, #93e8ff);
+          /* IE10 */
+          background-image: url("images/inspector-files.png"), -o-linear-gradient(top, #68abe6, #93e8ff);
+          /* Opera 11.10+ */
+          background-image: url("images/inspector-files.png"), linear-gradient(top, #68abe6, #93e8ff);
+          /* W3C */
+          background-position: center;
+          background-repeat: no-repeat; }
+  div#torrent_inspector #inspector_header #torrent_inspector_name {
+    padding-top: 10px;
+    font-weight: bold;
+    font-size: large; }
+  div#torrent_inspector .inspector_group {
+    display: table;
+    width: 100%;
+    border-top: 1px solid #888;
+    margin: 10px 0px;
+    padding: 10px 0px;
+    /* Trackers Inspector Tab */ }
+    div#torrent_inspector .inspector_group .inspector_group_label {
+      display: table-header-group;
+      font-weight: bold; }
+    div#torrent_inspector .inspector_group .inspector_row {
+      display: table-row; }
+      div#torrent_inspector .inspector_group .inspector_row > .inspector_label {
+        display: table-cell;
+        width: 100px;
+        /* this + the next 230 == inspector_container_with */ }
+      div#torrent_inspector .inspector_group .inspector_row > div {
+        display: table-cell;
+        padding-top: 10px;
+        width: 230px;
+        /* inspector_container_width==330 - inspector_label_width==100 */ }
+    div#torrent_inspector .inspector_group #inspector_trackers_list {
+      padding: 0 0 0 0;
+      margin: 0 0 0 0;
+      text-align: left;
+      cursor: default;
+      overflow: hidden; }
+      div#torrent_inspector .inspector_group #inspector_trackers_list > div.inspector_group {
+        padding-bottom: 0;
+        margin-bottom: 0; }
+  div#torrent_inspector ul.tier_list {
+    margin: 10px 0 0 0;
+    width: 100%;
+    padding-left: 0px;
+    text-align: left;
+    display: block;
+    cursor: default;
+    list-style-type: none;
+    list-style: none;
+    list-style-image: none;
+    clear: both; }
+    div#torrent_inspector ul.tier_list li {
+      overflow: hidden; }
+    div#torrent_inspector ul.tier_list .tracker_activity {
+      float: left;
+      color: #666;
+      width: 200px;
+      display: table;
+      margin-top: 1px; }
+    div#torrent_inspector ul.tier_list .tracker_activity div {
+      padding: 2px; }
+    div#torrent_inspector ul.tier_list table {
+      float: right;
+      color: #666; }
+    div#torrent_inspector ul.tier_list th {
+      text-align: right; }
+  div#torrent_inspector li.inspector_tracker_entry {
+    padding: 3px 0 3px 2px;
+    display: block; }
+    div#torrent_inspector li.inspector_tracker_entry.odd {
+      background-color: #EEEEEE; }
+  div#torrent_inspector div.tracker_host {
+    font-size: 1.2em;
+    font-weight: bold;
+    color: #222; }
+  div#torrent_inspector #inspector_file_list {
+    padding: 0 0 0 0;
+    margin: 0 0 0 0;
+    text-align: left;
+    cursor: default;
+    overflow: hidden; }
+  div#torrent_inspector ul.inspector_torrent_file_list {
+    width: 100%;
+    margin: 0  0 0 0;
+    padding-bottom: 10px;
+    text-align: left;
+    display: block;
+    cursor: default;
+    list-style-type: none;
+    list-style: none;
+    list-style-image: none; }
+  div#torrent_inspector li.inspector_torrent_file_list_entry {
+    padding: 3px 0 3px 2px;
+    display: block; }
+  div#torrent_inspector li.inspector_torrent_file_list_entry.skip {
+    color: #666; }
+  div#torrent_inspector li.inspector_torrent_file_list_entry.even {
+    background-color: #EEEEEE; }
+  div#torrent_inspector div.inspector_torrent_file_list_entry_name {
+    font-size: 1.2em;
+    font-weight: bold;
+    color: #222;
+    margin-left: 20px; }
+  div#torrent_inspector li.inspector_torrent_file_list_entry.skip > .inspector_torrent_file_list_entry_name {
+    color: #666; }
+  div#torrent_inspector div.inspector_torrent_file_list_entry_progress {
+    font-size: 1em;
+    color: #666;
+    margin-left: 20px; }
+  div#torrent_inspector div.file_wanted_control {
+    background-position: left -19px;
+    float: left;
+    position: absolute;
+    cursor: pointer;
+    margin: 3px 0 0 0;
+    width: 19px;
+    height: 19px;
+    background-image: url("images/buttons/file_wanted_buttons.png");
+    background-repeat: no-repeat;
+    background-color: transparent; }
+  div#torrent_inspector li.inspector_torrent_file_list_entry.skip > .file_wanted_control {
+    background-position: left top; }
+  div#torrent_inspector li.inspector_torrent_file_list_entry.complete > .file_wanted_control {
+    background-position: left -19px; }
+  div#torrent_inspector ul.single_file li.inspector_torrent_file_list_entry > .file_wanted_control,
+  div#torrent_inspector li.inspector_torrent_file_list_entry.complete > .file_wanted_control {
+    background-position: left -38px;
+    cursor: default; }
 
+/***
+****  File Priority Buttons
+***/
 div.file-priority-radiobox {
-	display: inline;
-	float: right;
-	margin: 4px;
-	margin-top: 2px;
-}
-div.file-priority-radiobox > * {
-	font-size: 20px;
-	cursor: pointer;
-	display: inline-block;
-	width: 24px;
-	height: 12px;
-	border-style: solid;
-	border-color: #aaa;
-	border-width: 1px;
-	padding: 3px;
-}
-
-div.file-priority-radiobox > div.low {
-	border-top-left-radius: 5px;
-	border-bottom-left-radius: 5px;
-	-moz-border-radius-topleft: 5px;
-	-moz-border-radius-bottomleft: 5px;
-	border-right-width: 0px;
-
-	background: #D7D7D7;
-	background-image: url(images/file-priority-low.png); /* fallback */
-	background-image: url(images/file-priority-low.png), -webkit-gradient(linear, left top, left bottom, from(#EDEDED), to(#D7D7D7)); /* Saf4+, Chrome */
-	background-image: url(images/file-priority-low.png), -webkit-linear-gradient(top, #EDEDED, #D7D7D7); /* Chrome 10+, Saf5.1+ */
-	background-image: url(images/file-priority-low.png), -moz-linear-gradient(top, #EDEDED, #D7D7D7); /* FF3.6+ */
-	background-image: url(images/file-priority-low.png), -ms-linear-gradient(top, #EDEDED, #D7D7D7); /* IE10 */
-	background-image: url(images/file-priority-low.png), -o-linear-gradient(top, #EDEDED, #D7D7D7); /* Opera 11.10+ */
-	background-image: url(images/file-priority-low.png), linear-gradient(top, #EDEDED, #D7D7D7); /* W3C */
-	background-position: center;
-	background-repeat: no-repeat;
-}
-div.file-priority-radiobox > div.low.selected {
-	background: #93e8ff;
-	background-image: url(images/file-priority-low.png); /* fallback */
-	background-image: url(images/file-priority-low.png), -webkit-gradient(linear, left top, left bottom, from(#68abe6), to(#93e8ff)); /* Saf4+, Chrome */
-	background-image: url(images/file-priority-low.png), -webkit-linear-gradient(top, #68abe6, #93e8ff); /* Chrome 10+, Saf5.1+ */
-	background-image: url(images/file-priority-low.png), -moz-linear-gradient(top, #68abe6, #93e8ff); /* FF3.6+ */
-	background-image: url(images/file-priority-low.png), -ms-linear-gradient(top, #68abe6, #93e8ff); /* IE10 */
-	background-image: url(images/file-priority-low.png), -o-linear-gradient(top, #68abe6, #93e8ff); /* Opera 11.10+ */
-	background-image: url(images/file-priority-low.png), linear-gradient(top, #68abe6, #93e8ff); /* W3C */
-	background-position: center;
-	background-repeat: no-repeat;
-}
-
-
-div.file-priority-radiobox > div.normal {
-	background: #D7D7D7;
-	background-image: url(images/file-priority-normal.png); /* fallback */
-	background-image: url(images/file-priority-normal.png), -webkit-gradient(linear, left top, left bottom, from(#EDEDED), to(#D7D7D7)); /* Saf4+, Chrome */
-	background-image: url(images/file-priority-normal.png), -webkit-linear-gradient(top, #EDEDED, #D7D7D7); /* Chrome 10+, Saf5.1+ */
-	background-image: url(images/file-priority-normal.png), -moz-linear-gradient(top, #EDEDED, #D7D7D7); /* FF3.6+ */
-	background-image: url(images/file-priority-normal.png), -ms-linear-gradient(top, #EDEDED, #D7D7D7); /* IE10 */
-	background-image: url(images/file-priority-normal.png), -o-linear-gradient(top, #EDEDED, #D7D7D7); /* Opera 11.10+ */
-	background-image: url(images/file-priority-normal.png), linear-gradient(top, #EDEDED, #D7D7D7); /* W3C */
-	background-position: center;
-	background-repeat: no-repeat;
-}
-div.file-priority-radiobox > div.normal.selected {
-	background: #93e8ff;
-	background-image: url(images/file-priority-normal.png); /* fallback */
-	background-image: url(images/file-priority-normal.png), -webkit-gradient(linear, left top, left bottom, from(#68abe6), to(#93e8ff)); /* Saf4+, Chrome */
-	background-image: url(images/file-priority-normal.png), -webkit-linear-gradient(top, #68abe6, #93e8ff); /* Chrome 10+, Saf5.1+ */
-	background-image: url(images/file-priority-normal.png), -moz-linear-gradient(top, #68abe6, #93e8ff); /* FF3.6+ */
-	background-image: url(images/file-priority-normal.png), -ms-linear-gradient(top, #68abe6, #93e8ff); /* IE10 */
-	background-image: url(images/file-priority-normal.png), -o-linear-gradient(top, #68abe6, #93e8ff); /* Opera 11.10+ */
-	background-image: url(images/file-priority-normal.png), linear-gradient(top, #68abe6, #93e8ff); /* W3C */
-	background-position: center;
-	background-repeat: no-repeat;
-}
-
-
-div.file-priority-radiobox > div.high {
-	border-top-right-radius: 5px;
-	border-bottom-right-radius: 5px;
-	-moz-border-radius-topright: 5px;
-	-moz-border-radius-bottomright: 5px;
-	border-left-width: 0px;
-	background: #D7D7D7;
-	background-image: url(images/file-priority-high.png); /* fallback */
-	background-image: url(images/file-priority-high.png), -webkit-gradient(linear, left top, left bottom, from(#EDEDED), to(#D7D7D7)); /* Saf4+, Chrome */
-	background-image: url(images/file-priority-high.png), -webkit-linear-gradient(top, #EDEDED, #D7D7D7); /* Chrome 10+, Saf5.1+ */
-	background-image: url(images/file-priority-high.png), -moz-linear-gradient(top, #EDEDED, #D7D7D7); /* FF3.6+ */
-	background-image: url(images/file-priority-high.png), -ms-linear-gradient(top, #EDEDED, #D7D7D7); /* IE10 */
-	background-image: url(images/file-priority-high.png), -o-linear-gradient(top, #EDEDED, #D7D7D7); /* Opera 11.10+ */
-	background-image: url(images/file-priority-high.png), linear-gradient(top, #EDEDED, #D7D7D7); /* W3C */
-	background-position: center;
-	background-repeat: no-repeat;
-}
-div.file-priority-radiobox > div.high.selected {
-	background: #93e8ff;
-	background-image: url(images/file-priority-high.png); /* fallback */
-	background-image: url(images/file-priority-high.png), -webkit-gradient(linear, left top, left bottom, from(#68abe6), to(#93e8ff)); /* Saf4+, Chrome */
-	background-image: url(images/file-priority-high.png), -webkit-linear-gradient(top, #68abe6, #93e8ff); /* Chrome 10+, Saf5.1+ */
-	background-image: url(images/file-priority-high.png), -moz-linear-gradient(top, #68abe6, #93e8ff); /* FF3.6+ */
-	background-image: url(images/file-priority-high.png), -ms-linear-gradient(top, #68abe6, #93e8ff); /* IE10 */
-	background-image: url(images/file-priority-high.png), -o-linear-gradient(top, #68abe6, #93e8ff); /* Opera 11.10+ */
-	background-image: url(images/file-priority-high.png), linear-gradient(top, #68abe6, #93e8ff); /* W3C */
-	background-position: center;
-	background-repeat: no-repeat;
-}
-
+  display: inline;
+  float: right;
+  margin: 4px;
+  margin-top: 2px; }
+  div.file-priority-radiobox > * {
+    cursor: pointer;
+    display: inline-block;
+    padding: 3px;
+    width: 30px;
+    height: 12px; }
+  div.file-priority-radiobox > div.low {
+    -moz-border-radius-topleft: 5px;
+    -moz-border-radius-bottomleft: 5px;
+    border-top-left-radius: 5px;
+    border-bottom-left-radius: 5px;
+    background-color: #d4d4d4;
+    background-image: url("images/file-priority-low.png");
+    /* fallback */
+    background-image: url("images/file-priority-low.png"), -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#bbbbbb));
+    /* Saf4+, Chrome */
+    background-image: url("images/file-priority-low.png"), -webkit-linear-gradient(top, #eeeeee, #bbbbbb);
+    /* Chrome 10+, Saf5.1+ */
+    background-image: url("images/file-priority-low.png"), -moz-linear-gradient(top, #eeeeee, #bbbbbb);
+    /* FF3.6+ */
+    background-image: url("images/file-priority-low.png"), -ms-linear-gradient(top, #eeeeee, #bbbbbb);
+    /* IE10 */
+    background-image: url("images/file-priority-low.png"), -o-linear-gradient(top, #eeeeee, #bbbbbb);
+    /* Opera 11.10+ */
+    background-image: url("images/file-priority-low.png"), linear-gradient(top, #eeeeee, #bbbbbb);
+    /* W3C */
+    background-position: center;
+    background-repeat: no-repeat;
+    border-right-width: 0px; }
+    div.file-priority-radiobox > div.low.selected {
+      background-color: #7dc9f2;
+      background-image: url("images/file-priority-low.png");
+      /* fallback */
+      background-image: url("images/file-priority-low.png"), -webkit-gradient(linear, left top, left bottom, from(#68abe6), to(#93e8ff));
+      /* Saf4+, Chrome */
+      background-image: url("images/file-priority-low.png"), -webkit-linear-gradient(top, #68abe6, #93e8ff);
+      /* Chrome 10+, Saf5.1+ */
+      background-image: url("images/file-priority-low.png"), -moz-linear-gradient(top, #68abe6, #93e8ff);
+      /* FF3.6+ */
+      background-image: url("images/file-priority-low.png"), -ms-linear-gradient(top, #68abe6, #93e8ff);
+      /* IE10 */
+      background-image: url("images/file-priority-low.png"), -o-linear-gradient(top, #68abe6, #93e8ff);
+      /* Opera 11.10+ */
+      background-image: url("images/file-priority-low.png"), linear-gradient(top, #68abe6, #93e8ff);
+      /* W3C */
+      background-position: center;
+      background-repeat: no-repeat; }
+  div.file-priority-radiobox > div.normal {
+    background-color: #d4d4d4;
+    background-image: url("images/file-priority-normal.png");
+    /* fallback */
+    background-image: url("images/file-priority-normal.png"), -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#bbbbbb));
+    /* Saf4+, Chrome */
+    background-image: url("images/file-priority-normal.png"), -webkit-linear-gradient(top, #eeeeee, #bbbbbb);
+    /* Chrome 10+, Saf5.1+ */
+    background-image: url("images/file-priority-normal.png"), -moz-linear-gradient(top, #eeeeee, #bbbbbb);
+    /* FF3.6+ */
+    background-image: url("images/file-priority-normal.png"), -ms-linear-gradient(top, #eeeeee, #bbbbbb);
+    /* IE10 */
+    background-image: url("images/file-priority-normal.png"), -o-linear-gradient(top, #eeeeee, #bbbbbb);
+    /* Opera 11.10+ */
+    background-image: url("images/file-priority-normal.png"), linear-gradient(top, #eeeeee, #bbbbbb);
+    /* W3C */
+    background-position: center;
+    background-repeat: no-repeat; }
+    div.file-priority-radiobox > div.normal.selected {
+      background-color: #7dc9f2;
+      background-image: url("images/file-priority-normal.png");
+      /* fallback */
+      background-image: url("images/file-priority-normal.png"), -webkit-gradient(linear, left top, left bottom, from(#68abe6), to(#93e8ff));
+      /* Saf4+, Chrome */
+      background-image: url("images/file-priority-normal.png"), -webkit-linear-gradient(top, #68abe6, #93e8ff);
+      /* Chrome 10+, Saf5.1+ */
+      background-image: url("images/file-priority-normal.png"), -moz-linear-gradient(top, #68abe6, #93e8ff);
+      /* FF3.6+ */
+      background-image: url("images/file-priority-normal.png"), -ms-linear-gradient(top, #68abe6, #93e8ff);
+      /* IE10 */
+      background-image: url("images/file-priority-normal.png"), -o-linear-gradient(top, #68abe6, #93e8ff);
+      /* Opera 11.10+ */
+      background-image: url("images/file-priority-normal.png"), linear-gradient(top, #68abe6, #93e8ff);
+      /* W3C */
+      background-position: center;
+      background-repeat: no-repeat; }
+  div.file-priority-radiobox > div.high {
+    -moz-border-radius-topright: 5px;
+    -moz-border-radius-bottomright: 5px;
+    border-top-right-radius: 5px;
+    border-bottom-right-radius: 5px;
+    background-color: #d4d4d4;
+    background-image: url("images/file-priority-high.png");
+    /* fallback */
+    background-image: url("images/file-priority-high.png"), -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#bbbbbb));
+    /* Saf4+, Chrome */
+    background-image: url("images/file-priority-high.png"), -webkit-linear-gradient(top, #eeeeee, #bbbbbb);
+    /* Chrome 10+, Saf5.1+ */
+    background-image: url("images/file-priority-high.png"), -moz-linear-gradient(top, #eeeeee, #bbbbbb);
+    /* FF3.6+ */
+    background-image: url("images/file-priority-high.png"), -ms-linear-gradient(top, #eeeeee, #bbbbbb);
+    /* IE10 */
+    background-image: url("images/file-priority-high.png"), -o-linear-gradient(top, #eeeeee, #bbbbbb);
+    /* Opera 11.10+ */
+    background-image: url("images/file-priority-high.png"), linear-gradient(top, #eeeeee, #bbbbbb);
+    /* W3C */
+    background-position: center;
+    background-repeat: no-repeat;
+    border-left-width: 0px; }
+    div.file-priority-radiobox > div.high.selected {
+      background-color: #7dc9f2;
+      background-image: url("images/file-priority-high.png");
+      /* fallback */
+      background-image: url("images/file-priority-high.png"), -webkit-gradient(linear, left top, left bottom, from(#68abe6), to(#93e8ff));
+      /* Saf4+, Chrome */
+      background-image: url("images/file-priority-high.png"), -webkit-linear-gradient(top, #68abe6, #93e8ff);
+      /* Chrome 10+, Saf5.1+ */
+      background-image: url("images/file-priority-high.png"), -moz-linear-gradient(top, #68abe6, #93e8ff);
+      /* FF3.6+ */
+      background-image: url("images/file-priority-high.png"), -ms-linear-gradient(top, #68abe6, #93e8ff);
+      /* IE10 */
+      background-image: url("images/file-priority-high.png"), -o-linear-gradient(top, #68abe6, #93e8ff);
+      /* Opera 11.10+ */
+      background-image: url("images/file-priority-high.png"), linear-gradient(top, #68abe6, #93e8ff);
+      /* W3C */
+      background-position: center;
+      background-repeat: no-repeat; }
 
 /****
 *****
 *****  MAIN WINDOW FOOTER
 *****
 ****/
-
 div.torrent_footer {
-	height: 20px;
-	padding-top: 1px;
-	border-top: 1px solid #555;
-	position: relative;
-	width: 100%;
-	z-index: 3;
-
-        background-color: #B9B9B9; /* fallback color if gradients are not supported */
-        background-image: -webkit-gradient(linear, left top, left bottom, from(#C9C9C9), to(#A7A7A7));
-        background-image: -webkit-linear-gradient(top, #C9C9C9, #A7A7A7);
-        background-image:    -moz-linear-gradient(top, #C9C9C9, #A7A7A7);
-        background-image:     -ms-linear-gradient(top, #C9C9C9, #A7A7A7);
-        background-image:      -o-linear-gradient(top, #C9C9C9, #A7A7A7);
-        background-image:         linear-gradient(top, #C9C9C9, #A7A7A7); /* standard, but currently unimplemented */
-}
-
-div.torrent_footer > * {
-	position: relative;
-	float: left;
-	height: 18px;
-	width: 32px;
-	cursor: pointer;
-	-moz-user-select: none;
-	-webkit-user-select: none;
-}
-
-div.torrent_footer > #compact-button {
-	margin-left: 10px;
-}
-div.torrent_footer > #prefs-button {
-	float: right;
-}
-div.torrent_footer ul#settings_menu {
-	display: none;
-}
-
-#turtle-button {
-	background: transparent url('images/chrome.png') left -18px no-repeat;
-}
-#turtle-button:active {
-	background-position: -32px -18px;
-}
-#turtle-button.enabled {
-	background-position: left -36px;
-}
-#turtle-button.enabled:active {
-	background-position: -32px -36px;
-}
-
-#compact-button {
-	background: transparent url('images/chrome.png') left -54px no-repeat;
-}
-#compact-button:active {
-	background-position: -32px -54px;
-}
-#compact-button.enabled {
-	background-position: left -72px;
-}
-#compact-button.enabled:active {
-	background-position: -32px -72px;
-}
-
-#prefs-button {
-	background: transparent url('images/chrome.png') left -90px no-repeat;
-}
-#prefs-button:active {
-	background-position: -32px -90px;
-}
+  height: 20px;
+  padding-top: 1px;
+  border-top: 1px solid #555;
+  position: relative;
+  width: 100%;
+  z-index: 3;
+  background-color: #d4d4d4;
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#bbbbbb));
+  /* Saf4+, Chrome */
+  background-image: -webkit-linear-gradient(top, #eeeeee, #bbbbbb);
+  /* Chrome 10+, Saf5.1+ */
+  background-image: -moz-linear-gradient(top, #eeeeee, #bbbbbb);
+  /* FF3.6+ */
+  background-image: -ms-linear-gradient(top, #eeeeee, #bbbbbb);
+  /* IE10 */
+  background-image: -o-linear-gradient(top, #eeeeee, #bbbbbb);
+  /* Opera 11.10+ */
+  background-image: linear-gradient(top, #eeeeee, #bbbbbb);
+  /* W3C */ }
+  div.torrent_footer > * {
+    cursor: pointer;
+    display: inline-block;
+    padding: 3px;
+    -moz-border-radius: 3px;
+    border-radius: 3px;
+    position: relative;
+    float: left;
+    height: 10px;
+    width: 24px;
+    border: 1px solid #666; }
+  div.torrent_footer #turtle-button {
+    background-color: #d4d4d4;
+    background-image: url("images/turtle.png");
+    /* fallback */
+    background-image: url("images/turtle.png"), -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#bbbbbb));
+    /* Saf4+, Chrome */
+    background-image: url("images/turtle.png"), -webkit-linear-gradient(top, #eeeeee, #bbbbbb);
+    /* Chrome 10+, Saf5.1+ */
+    background-image: url("images/turtle.png"), -moz-linear-gradient(top, #eeeeee, #bbbbbb);
+    /* FF3.6+ */
+    background-image: url("images/turtle.png"), -ms-linear-gradient(top, #eeeeee, #bbbbbb);
+    /* IE10 */
+    background-image: url("images/turtle.png"), -o-linear-gradient(top, #eeeeee, #bbbbbb);
+    /* Opera 11.10+ */
+    background-image: url("images/turtle.png"), linear-gradient(top, #eeeeee, #bbbbbb);
+    /* W3C */
+    background-position: center;
+    background-repeat: no-repeat; }
+    div.torrent_footer #turtle-button.selected {
+      background-color: #7dc9f2;
+      background-image: url("images/turtle.png");
+      /* fallback */
+      background-image: url("images/turtle.png"), -webkit-gradient(linear, left top, left bottom, from(#68abe6), to(#93e8ff));
+      /* Saf4+, Chrome */
+      background-image: url("images/turtle.png"), -webkit-linear-gradient(top, #68abe6, #93e8ff);
+      /* Chrome 10+, Saf5.1+ */
+      background-image: url("images/turtle.png"), -moz-linear-gradient(top, #68abe6, #93e8ff);
+      /* FF3.6+ */
+      background-image: url("images/turtle.png"), -ms-linear-gradient(top, #68abe6, #93e8ff);
+      /* IE10 */
+      background-image: url("images/turtle.png"), -o-linear-gradient(top, #68abe6, #93e8ff);
+      /* Opera 11.10+ */
+      background-image: url("images/turtle.png"), linear-gradient(top, #68abe6, #93e8ff);
+      /* W3C */
+      background-position: center;
+      background-repeat: no-repeat; }
+  div.torrent_footer #compact-button {
+    background-color: #d4d4d4;
+    background-image: url("images/compact.png");
+    /* fallback */
+    background-image: url("images/compact.png"), -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#bbbbbb));
+    /* Saf4+, Chrome */
+    background-image: url("images/compact.png"), -webkit-linear-gradient(top, #eeeeee, #bbbbbb);
+    /* Chrome 10+, Saf5.1+ */
+    background-image: url("images/compact.png"), -moz-linear-gradient(top, #eeeeee, #bbbbbb);
+    /* FF3.6+ */
+    background-image: url("images/compact.png"), -ms-linear-gradient(top, #eeeeee, #bbbbbb);
+    /* IE10 */
+    background-image: url("images/compact.png"), -o-linear-gradient(top, #eeeeee, #bbbbbb);
+    /* Opera 11.10+ */
+    background-image: url("images/compact.png"), linear-gradient(top, #eeeeee, #bbbbbb);
+    /* W3C */
+    background-position: center;
+    background-repeat: no-repeat;
+    margin-left: 10px; }
+    div.torrent_footer #compact-button.selected {
+      background-color: #7dc9f2;
+      background-image: url("images/compact.png");
+      /* fallback */
+      background-image: url("images/compact.png"), -webkit-gradient(linear, left top, left bottom, from(#68abe6), to(#93e8ff));
+      /* Saf4+, Chrome */
+      background-image: url("images/compact.png"), -webkit-linear-gradient(top, #68abe6, #93e8ff);
+      /* Chrome 10+, Saf5.1+ */
+      background-image: url("images/compact.png"), -moz-linear-gradient(top, #68abe6, #93e8ff);
+      /* FF3.6+ */
+      background-image: url("images/compact.png"), -ms-linear-gradient(top, #68abe6, #93e8ff);
+      /* IE10 */
+      background-image: url("images/compact.png"), -o-linear-gradient(top, #68abe6, #93e8ff);
+      /* Opera 11.10+ */
+      background-image: url("images/compact.png"), linear-gradient(top, #68abe6, #93e8ff);
+      /* W3C */
+      background-position: center;
+      background-repeat: no-repeat; }
+  div.torrent_footer #prefs-button {
+    background-color: #d4d4d4;
+    background-image: url("images/wrench.png");
+    /* fallback */
+    background-image: url("images/wrench.png"), -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#bbbbbb));
+    /* Saf4+, Chrome */
+    background-image: url("images/wrench.png"), -webkit-linear-gradient(top, #eeeeee, #bbbbbb);
+    /* Chrome 10+, Saf5.1+ */
+    background-image: url("images/wrench.png"), -moz-linear-gradient(top, #eeeeee, #bbbbbb);
+    /* FF3.6+ */
+    background-image: url("images/wrench.png"), -ms-linear-gradient(top, #eeeeee, #bbbbbb);
+    /* IE10 */
+    background-image: url("images/wrench.png"), -o-linear-gradient(top, #eeeeee, #bbbbbb);
+    /* Opera 11.10+ */
+    background-image: url("images/wrench.png"), linear-gradient(top, #eeeeee, #bbbbbb);
+    /* W3C */
+    background-position: center;
+    background-repeat: no-repeat;
+    float: right; }
+    div.torrent_footer #prefs-button:active {
+      background-color: #7dc9f2;
+      background-image: url("images/wrench.png");
+      /* fallback */
+      background-image: url("images/wrench.png"), -webkit-gradient(linear, left top, left bottom, from(#68abe6), to(#93e8ff));
+      /* Saf4+, Chrome */
+      background-image: url("images/wrench.png"), -webkit-linear-gradient(top, #68abe6, #93e8ff);
+      /* Chrome 10+, Saf5.1+ */
+      background-image: url("images/wrench.png"), -moz-linear-gradient(top, #68abe6, #93e8ff);
+      /* FF3.6+ */
+      background-image: url("images/wrench.png"), -ms-linear-gradient(top, #68abe6, #93e8ff);
+      /* IE10 */
+      background-image: url("images/wrench.png"), -o-linear-gradient(top, #68abe6, #93e8ff);
+      /* Opera 11.10+ */
+      background-image: url("images/wrench.png"), linear-gradient(top, #68abe6, #93e8ff);
+      /* W3C */
+      background-position: center;
+      background-repeat: no-repeat; }
+  div.torrent_footer ul#settings_menu, div.torrent_footer div.main_container {
+    display: none; }
 
 /****
 *****
 *****  POPUP MENU
 *****
 ****/
-
 .trans_menu,
 .trans_menu * {
-	display: none;
-}
-
+  display: none; }
 
 /*--------------------------------------
  *
@@ -1020,19 +1198,17 @@ div.torrent_footer ul#settings_menu {
  * transmenu and contextmenu.
  *
  *--------------------------------------*/
-
 div#torrent_context_menu {
-	display: none;
-}
+  display: none; }
 
 iframe#torrent_upload_frame {
-	display: block; /* Don't change this : safari forms won't target hidden frames (they open a new window) */
-	position: absolute;
-	top: -1000px;
-	left: -1000px;
-	width: 0px;
-	height: 0px;
-	border: none;
-	padding: 0;
-	margin: 0;
-}
+  display: block;
+  /* Don't change this : safari forms won't target hidden frames (they open a new window) */
+  position: absolute;
+  top: -1000px;
+  left: -1000px;
+  width: 0px;
+  height: 0px;
+  border: none;
+  padding: 0;
+  margin: 0; }
diff --git a/web/style/transmission/mobile.scss b/web/style/transmission/mobile.scss
new file mode 100644
index 000000000..6654d93fd
--- /dev/null
+++ b/web/style/transmission/mobile.scss
@@ -0,0 +1,1057 @@
+@mixin verticalGradient($topColor, $bottomColor) {
+        background-color: mix($topColor, $bottomColor);
+        background-image: -webkit-gradient(linear, left top, left bottom, from($topColor), to($bottomColor)); /* Saf4+, Chrome */
+        background-image: -webkit-linear-gradient(top, $topColor, $bottomColor); /* Chrome 10+, Saf5.1+ */
+        background-image: -moz-linear-gradient(top, $topColor, $bottomColor); /* FF3.6+ */
+        background-image: -ms-linear-gradient(top, $topColor, $bottomColor); /* IE10 */
+        background-image: -o-linear-gradient(top, $topColor, $bottomColor); /* Opera 11.10+ */
+        background-image: linear-gradient(top, $topColor, $bottomColor); /* W3C */
+}
+
+@mixin imageOnVerticalGradient($src, $topColor, $bottomColor) {
+        background-color: mix($topColor, $bottomColor);
+        background-image: url($src); /* fallback */
+        background-image: url($src), -webkit-gradient(linear, left top, left bottom, from($topColor), to($bottomColor)); /* Saf4+, Chrome */
+        background-image: url($src), -webkit-linear-gradient(top, $topColor, $bottomColor); /* Chrome 10+, Saf5.1+ */
+        background-image: url($src), -moz-linear-gradient(top, $topColor, $bottomColor); /* FF3.6+ */
+        background-image: url($src), -ms-linear-gradient(top, $topColor, $bottomColor); /* IE10 */
+        background-image: url($src), -o-linear-gradient(top, $topColor, $bottomColor); /* Opera 11.10+ */
+        background-image: url($src), linear-gradient(top, $topColor, $bottomColor); /* W3C */
+        background-position: center;
+        background-repeat: no-repeat;
+}
+
+$nonselected-gradient-color-top: #EEE;
+$nonselected-gradient-color-bottom: #BBB;
+$selected-gradient-color-top: #68abe6;
+$selected-gradient-color-bottom: #93e8ff;
+
+
+@mixin button {
+        cursor: pointer;
+        display: inline-block;
+        padding: 3px;
+}
+@mixin leftRoundedBox($radius) {
+	-moz-border-radius-topleft: $radius;
+	-moz-border-radius-bottomleft: $radius;
+	border-top-left-radius: $radius;
+	border-bottom-left-radius: $radius;
+}
+@mixin rightRoundedBox($radius) {
+	-moz-border-radius-topright: $radius;
+	-moz-border-radius-bottomright: $radius;
+	border-top-right-radius: $radius;
+	border-bottom-right-radius: $radius;
+}
+@mixin roundedBox($radius) {
+	-moz-border-radius: $radius;
+	border-radius: $radius;
+}
+
+@mixin buttonGroupRightButton {
+	@include rightRoundedBox(5px);
+        border-left-width: 0px;
+}
+
+/*--------------------------------------
+ *
+ * G L O B A L
+ *
+ *--------------------------------------*/
+
+html {
+	margin: 0;
+/* setting border: 0 hoses ie6 win window inner well border */
+	padding: 0;
+}
+
+body {
+	font: 11px Helvetica, Arial, sans-serif;
+	background: #FFF;
+	text-align: center;
+	margin: 0;
+	padding: 0;
+	width: 100%;
+	overflow-x: hidden;
+	-webkit-text-size-adjust: none;
+}
+
+body div#torrent_container {
+        min-height: 328px;
+}
+
+body div.dialog_container {
+        min-height: 326px;
+}
+
+body div#torrent_inspector {
+        min-height: 329px;
+}
+
+body.landscape div#torrent_container {
+	min-height: 147px;
+}
+
+body.landscape div#dialog_container, body.landscape div#torrent_inspector {
+	min-height: 143px;
+}
+
+body.inspector_showing #torrent_filter_bar, body.inspector_showing #torrent_container,
+body.dialog_showing #torrent_filter_bar, body.dialog_showing #torrent_container, body.dialog_showing #torrent_inspector,
+body.prefs_showing #torrent_inspector, body.prefs_showing #torrent_filter_bar, body.prefs_showing #torrent_container,
+body.open_showing #torrent_filter_bar, body.open_showing #torrent_container {
+	display: none !important;
+}
+
+.torrent a img {
+	display: none;
+}
+
+/***
+****
+****  TOOLBAR
+****
+***/
+
+#toolbar {
+	width: 100%;
+	height: 55px;
+	margin: 0;
+	background: #6685a1 url('images/iphone_chrome.png') top left repeat-x;
+	border: 1px outset #AEBBCB;
+}
+
+#toolbar ul {
+	margin: 0;
+	padding: 0 3px;
+	text-align: center;
+}
+
+#toolbar ul li {
+	list-style-type: none;
+	list-style-image: none;
+	margin: 4px 0 0 0;
+	padding: 0 2px;
+	cursor: pointer;
+	display: inline-block;
+}
+
+#toolbar li#remove, li#open, li#resume_selected, li#pause_selected {
+	float: left;
+}
+#toolbar li#resume_all, li#pause_all {
+	float: right;
+}
+
+#toolbar ul li > div {
+	color: #fff;
+	font-size: 9px;
+	text-decoration: none;
+	padding: 0 4px 0;
+	display: block;
+	margin: 0;
+	background-position: top center;
+	background-repeat: no-repeat;
+	position: relative;
+	font-weight: bold;
+}
+
+#toolbar ul li div.toolbar_image {
+	width: 32px;
+	height: 32px;
+	margin: 0 auto 2px;
+	background-image: url('images/buttons/toolbar_buttons.png');
+}
+
+/* toolbar images */
+li#open            div        div.toolbar_image { background-position: left     0px; }
+li#open            div:active div.toolbar_image { background-position: right    0px; }
+li#remove          div        div.toolbar_image { background-position: left   -32px; }
+li#remove          div:active div.toolbar_image { background-position: right  -32px; }
+li#resume_selected div        div.toolbar_image { background-position: left   -96px; }
+li#resume_selected div:active div.toolbar_image { background-position: right  -96px; }
+li#pause_selected  div        div.toolbar_image { background-position: left   -64px; }
+li#pause_selected  div:active div.toolbar_image { background-position: right  -64px; }
+li#pause_all       div        div.toolbar_image { background-position: left  -128px; }
+li#pause_all       div:active div.toolbar_image { background-position: right -128px; }
+li#resume_all      div        div.toolbar_image { background-position: left  -160px; }
+li#resume_all      div:active div.toolbar_image { background-position: right -160px; }
+li#filter          div        div.toolbar_image { background-position: left  -192px; }
+li#filter          div:active div.toolbar_image { background-position: right -192px; }
+li#inspector       div        div.toolbar_image { background-position: left  -224px; }
+li#inspector       div:active div.toolbar_image { background-position: right -224px; }
+
+#toolbar ul li.disabled > div {
+	text-shadow: 0 1px 0 #fff;
+	opacity: 0.25;
+	cursor: default;
+}
+
+#toolbar ul li#filter,
+#toolbar ul li#inspector,
+#toolbar ul li.divider {
+	display: none;
+}
+
+/***
+****
+****  STATUSBAR
+****
+***/
+
+#statusbar {
+	margin: 0;
+	color: #fff;
+	background: #6B83A1;
+	border: 1px outset #AEBBCB;
+	width: 100%;
+	overflow: hidden;
+	position: relative;
+	text-align: left;
+}
+
+#statusbar #speed-info {
+	margin-top: 3px;
+	float: right;
+	margin-right: 6px;
+}
+
+#statusbar #filter-button {
+	float: left;
+	border: none;
+	font-size: 1.2em;
+	padding: 1px 6px;
+	margin-top: 1px;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	-moz-user-select: none;
+	-webkit-user-select: none;
+}
+#statusbar #filter-button:hover {
+	cursor: pointer;
+}
+#statusbar #filter-button .filter-selection {
+	text-decoration: underline;
+}
+
+
+
+#statusbar #torrent_search {
+	display: none;
+}
+
+/***
+****
+****  FILTER POPUP
+****
+***/
+
+#filter-popup .count {
+        padding-left: 3px;
+}
+#filter-popup {
+        color: #222;/* !important; */
+        background: #FFF;
+        z-index: 100;
+}
+
+#filter-popup #filter-by-state .row .filter-img {
+        display: none;
+}
+div#filter-popup #filter-by-state .row .filter-name {
+        left: 0px;
+}
+#filter-popup .row {
+	text-align: left;
+	cursor: pointer;
+	margin: 15px 2px;
+	position: relative;
+	height: 18px;
+	-moz-user-select: none;
+	-webkit-user-select: none;
+}
+div#filter-popup .row .filter-img {
+        border: none;
+        width: 16px;
+        height: 16px;
+        position: absolute;
+        left: 0px;
+}
+#filter-popup .row .filter-name {
+        position: absolute;
+        left: 20px;
+}
+#filter-popup .row .count {
+        float: right;
+        color: #aaa;
+}
+#filter-popup li {
+        text-align: left
+}
+#filter-popup .row:hover,
+#filter-popup .row.selected {
+        font-weight: bold;
+}
+#filter-popup #filter-by-state {
+        float: left;
+        width: 120px;
+        overflow: hidden;
+        text-overflow: ellipsis;
+}
+#filter-popup #filter-by-tracker {
+        float: right;
+        width: 130px;
+        overflow: hidden;
+        text-overflow: ellipsis;
+}
+
+/***
+****
+****  TORRENT CONTAINER
+****
+***/
+
+ul.torrent_list {
+	margin: 0;
+	padding: 0;
+	text-align: left;
+}
+
+ul.torrent_list li {
+	list-style-type: none;
+	list-style-image: none;
+	clear: both;
+	display: block;
+	padding: 0;
+	margin: 0;
+	vertical-align: middle;
+}
+
+ul.torrent_list li.torrent {
+	border-bottom: 1px solid #ccc;
+	padding: 4px 10px;
+	color: #666;
+	font-size: 11px;
+	margin: 0 !important;
+	background: white;
+}
+
+ul.torrent_list li.torrent.compact {
+	padding: 4px;
+}
+
+.torrent div.torrent_progress_details, .torrent div.torrent_peer_details {
+	clear: both;
+	white-space: nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
+}
+
+ul.torrent_list li.torrent.even {
+	background-color: #EDF3FE;
+}
+
+ul.torrent_list li.torrent.selected {
+	background-color: #3879D7;
+	color: #FFF;
+}
+
+ul.torrent_list li.torrent div.torrent_name {
+	font-size: 1.3em;
+	font-weight: bold;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+	color: #222;
+	margin-bottom: 2px;
+}
+
+ul.torrent_list li.torrent div.torrent_name.compact {
+	font-size: 1.0em;
+	font-weight: normal;
+}
+
+ul.torrent_list li.torrent div.torrent_name.paused {
+	font-weight: normal;
+	color: #777;
+}
+
+ul.torrent_list li.torrent.selected div.torrent_name {
+	color: #fff;
+}
+
+ul.torrent_list div.torrent_progress_details,
+ul.torrent_list div.torrent_peer_details {
+	clear: left;
+	font-size: 1em;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+
+ul.torrent_list li.torrent div.torrent_progress_details.error {
+	color: #FF0000;
+}
+ul.torrent_list li.torrent.selected div.torrent_progress_details.error {
+	color: #FFF;
+}
+ul.torrent_list li.torrent div.torrent_peer_details.error {
+	color: #FF0000;
+}
+ul.torrent_list li.torrent.selected div.torrent_peer_details.error {
+	color: #FFF;
+}
+
+
+/**
+ * Progressbar
+ *
+ * Each progressbar has three elemens: a parent container and two children,
+ * complete and incomplete.
+ *
+ * The only thing needed to set the progressbar percentage is to set
+ * the complete child's width as a percentage. This is because incomplete
+ * is pinned to the full width and height of the parent, and complete
+ * is pinned to the left side of the parent and has a higher z-index.
+ *
+ * The progressbar has different colors depending on its state, so there
+ * are five 'decorator' classNames: paused, queued, magnet, leeching, seeding.
+ */
+
+ul.torrent_list div.torrent_progress_bar_container {
+	height: 10px;
+	position: relative;
+	margin-top: 2px;
+}
+ul.torrent_list div.torrent_progress_bar_container.compact {
+	width: 50px;
+	position: absolute;
+	right: 10px;
+	margin-top: 2px;
+	/*float: right;*/
+}
+ul.torrent_list div.torrent_peer_details.compact {
+	margin-top: 2px;
+	margin-left: 10px;
+	margin-right: 65px; /* leave room on the right for the progressbar */
+	float: right; /* pins it next to progressbar & forces torrent_name to ellipsize when it bumps up against this div */
+}
+ul.torrent_list div.torrent_progress_bar_container.full {
+	margin-bottom: 5px;
+}
+ul.torrent_list div.torrent_progress_bar {
+	height: 100%;
+	position: absolute;
+	top: 0px;
+	left: 0px;
+	background-image: url('images/progress.png');
+	background-repeat: repeat-x;
+	border: 1px solid #888;
+}
+ul.torrent_list div.torrent_progress_bar.complete {
+	z-index: 2;
+}
+ul.torrent_list div.torrent_progress_bar.incomplete {
+	z-index: 1;
+	width: 100%;
+}
+ul.torrent_list div.torrent_progress_bar.complete.paused {
+        background-position: left -30px;
+        border-color: #989898;
+}
+ul.torrent_list div.torrent_progress_bar.incomplete.paused {
+        background-position: left -20px;
+        border-color: #CFCFCF;
+}
+ul.torrent_list div.torrent_progress_bar.complete.magnet {
+        background-position: left -20px;
+        border-color: #CFCFCF;
+}
+ul.torrent_list div.torrent_progress_bar.incomplete.magnet {
+        background-position: left -50px;
+        border-color: #D47778;
+}
+ul.torrent_list div.torrent_progress_bar.complete.leeching {
+        background-position: left 0px;
+        border-color: #3D9DEA;
+}
+ul.torrent_list div.torrent_progress_bar.complete.leeching.queued {
+        background-position: left -70px;
+        border-color: #889CA5;
+}
+ul.torrent_list div.torrent_progress_bar.incomplete.leeching {
+        background-position: left -20px;
+        border-color: #CFCFCF;
+}
+ul.torrent_list div.torrent_progress_bar.incomplete.leeching.queued {
+        background-position: left -80px;
+        border-color: #C4C4C4;
+}
+ul.torrent_list div.torrent_progress_bar.complete.seeding {
+        background-position: left -40px;
+        border-color: #269E30;
+}
+ul.torrent_list div.torrent_progress_bar.complete.seeding.queued {
+        background-position: left -60px;
+        border-color: #8A998D;
+}
+ul.torrent_list div.torrent_progress_bar.incomplete.seeding {
+        background-position: left -10px;
+        border-color: #29AD35;
+}
+
+div.dialog_container {
+	background: rgba(0,0,0,0.85);
+	color: white;
+	padding: 15px 10px;
+}
+
+div.dialog_container #dialog_logo {
+        width: 64px;
+        height: 64px;
+        margin: 20px 20px 0 20px;
+        float: left;
+        background: transparent url('images/logo.png') top left no-repeat;
+}
+
+div.dialog_container .dialog_window {
+	height: auto;
+	font-size: 13px;
+	text-shadow: black 1px 1px 1px !important;
+}
+
+div#dialog_message.dialog_message {
+	width: 280px;
+	margin: 10px auto 25px;
+	font-size: 13px;
+	line-height: 14px;
+	word-wrap: break-word;
+	overflow: hidden;
+	padding-bottom: 0;
+}
+
+#torrent_upload_file, label[for="torrent_upload_file"]{
+	display:none;
+}
+
+h2.dialog_heading {
+	text-align: center;
+	width: 300px;
+	margin: 0 auto;
+	font-size: 17px;
+}
+
+div.dialog_container a {
+	color: white;
+	padding: 7px 0;
+	background: #222;
+	text-decoration: none;
+	border: 2px solid white;
+	margin: 5px 5px 0;
+	font-weight: bold;
+	-webkit-border-radius: 16px;
+	display: inline-block;
+	width: 90px;
+	font-size: 12px;
+	text-align: center;
+}
+
+#dialog_container div.dialog_window img {
+	margin: 5px auto 12px;
+}
+
+.landscape div.dialog_container a#dialog_cancel_button {
+	left: 155px;
+}
+
+.landscape div.dialog_container a#dialog_confirm_button {
+	right: 110px;
+}
+
+.landscape div.dialog_container img {
+	float: left !important;
+	margin: 0 0 0 50px;
+}
+
+.landscape h2#dialog_heading.dialog_heading {
+	margin: 5px auto 0;
+	margin-left: 150px;
+	text-align: left;
+}
+
+.landscape div#dialog_message.dialog_message {
+	width: 300px;
+	margin: 10px 0 20px 150px;
+	text-align: left;
+}
+
+/***
+****
+****  PREFERENCES
+****
+***/
+
+#prefs-dialog.ui-tabs .ui-tabs-panel {
+	padding: 0px;
+	-moz-user-select: none;
+	-webkit-user-select: none;
+}
+
+.prefs-section
+{
+	margin: 10px;
+	text-align: left;
+
+	> * {
+		padding-top: 8px;
+		padding-left: 8px;
+	}
+
+	.title {
+		font-weight: bold;
+		padding-left: 0px;
+	}
+
+	.row {
+		.key {
+			float: left;
+			padding-top: 3px;
+			> * { margin-left: 0px; }
+		}
+		.value {
+			margin-left: 150px;
+			> * { width: 100%; }
+		}
+	}
+
+	.checkbox-row {
+		> input { margin: 0px; }
+		> label { margin-left: 5px; }
+	}
+
+	#alternative-speed-limits-title {
+		padding-left: 18px;
+		background: transparent url('images/blue-turtle.png') no-repeat;
+	}
+}
+
+/*--------------------------------------
+ *
+ * T O R R E N T   I N S P E C T O R
+ *
+ *--------------------------------------*/
+
+
+
+
+div#torrent_inspector
+{
+	top: 0 !important;
+	position: relative;
+	right: 0px;
+	width: 100%;
+	background-color: #ddd;
+	z-index: 2;
+	text-align: left;
+	overflow: auto;
+
+	#inspector-close
+	{
+		float: right;
+		display: inline;
+		width: 20px;
+		height: 20px;
+		margin: 10px 10px 0px 0px;
+		background: transparent url('images/buttons/cancel.png') no-repeat;
+	}
+
+	#inspector-tabs-wrapper
+	{
+		width: 100%;
+		overflow: hidden;
+		text-align: center;
+
+		#inspector-tabs
+		{
+			$tab-button-radius: 5px;
+
+			display: inline-block;
+
+			> * {
+				width: 30px;
+				height: 20px;
+				border: 1px solid #aaa;
+				border-left-width: 0px;
+			}
+
+			> #inspector-tab-info {
+				$image-url: 'images/inspector-info.png';
+				@include button;
+				@include imageOnVerticalGradient($image-url, $nonselected-gradient-color-top, $nonselected-gradient-color-bottom);
+				@include leftRoundedBox($tab-button-radius);
+				border-left-width: 1px;
+				&.selected {
+					@include imageOnVerticalGradient($image-url, $selected-gradient-color-top, $selected-gradient-color-bottom);
+				}
+			}
+
+			> #inspector-tab-activity {
+				$image-url: 'images/inspector-activity.png';
+				@include button;
+				@include imageOnVerticalGradient($image-url, $nonselected-gradient-color-top, $nonselected-gradient-color-bottom);
+				&.selected {
+					@include imageOnVerticalGradient($image-url, $selected-gradient-color-top, $selected-gradient-color-bottom);
+				}
+			}
+
+			> #inspector-tab-peers {
+				$image-url: 'images/inspector-peers.png';
+				@include button;
+				@include imageOnVerticalGradient($image-url, $nonselected-gradient-color-top, $nonselected-gradient-color-bottom);
+				&.selected {
+					@include imageOnVerticalGradient($image-url, $selected-gradient-color-top, $selected-gradient-color-bottom);
+				}
+			}
+
+			> #inspector-tab-trackers {
+				$image-url: 'images/inspector-trackers.png';
+				@include button;
+				@include imageOnVerticalGradient($image-url, $nonselected-gradient-color-top, $nonselected-gradient-color-bottom);
+				&.selected {
+					@include imageOnVerticalGradient($image-url, $selected-gradient-color-top, $selected-gradient-color-bottom);
+				}
+			}
+
+			> #inspector-tab-files {
+				$image-url: 'images/inspector-files.png';
+				@include button;
+				@include imageOnVerticalGradient($image-url, $nonselected-gradient-color-top, $nonselected-gradient-color-bottom);
+				@include rightRoundedBox($tab-button-radius);
+				&.selected {
+					@include imageOnVerticalGradient($image-url, $selected-gradient-color-top, $selected-gradient-color-bottom);
+				}
+			}
+		}
+	}
+
+	#inspector_header
+	{
+		#torrent_inspector_name
+		{
+			padding-top: 10px;
+			font-weight: bold;
+			font-size: large;
+		}
+	}
+
+	.inspector_group
+	{
+		display: table;
+		width: 100%;
+		border-top: 1px solid #888;
+		margin: 10px 0px;
+		padding: 10px 0px;
+
+		.inspector_group_label
+		{
+			display: table-header-group;
+			font-weight: bold;
+		}
+
+		.inspector_row
+		{
+			display: table-row;
+
+			> .inspector_label {
+				display: table-cell;
+				width: 100px; /* this + the next 230 == inspector_container_with */
+			}
+
+			> div {
+				display: table-cell;
+				padding-top: 10px;
+				width: 230px; /* inspector_container_width==330 - inspector_label_width==100 */
+			}
+		}
+
+		/* Trackers Inspector Tab */
+		#inspector_trackers_list
+		{
+			padding: 0 0 0 0;
+			margin: 0 0 0 0;
+			text-align: left;
+			cursor: default;
+			overflow: hidden;
+
+			& > div.inspector_group {
+				padding-bottom: 0;
+				margin-bottom: 0;
+			}
+		}
+	}
+
+	ul.tier_list
+	{
+		margin: 10px 0 0 0;
+		width: 100%;
+		padding-left: 0px;
+		text-align: left;
+		display: block;
+		cursor: default;
+		list-style-type: none;
+		list-style: none;
+		list-style-image: none;
+		clear: both;
+
+		li {
+			overflow: hidden;
+		}
+		.tracker_activity {
+			float: left;
+			color: #666;
+			width: 200px;
+			display: table;
+			margin-top: 1px;
+		}
+		.tracker_activity div {
+			padding: 2px;
+		}
+		table {
+			float: right;
+			color: #666;
+		}
+		th {
+			text-align: right;
+		}
+	}
+
+	li.inspector_tracker_entry {
+		padding: 3px 0 3px 2px;
+		display: block;
+
+		&.odd {
+			background-color: #EEEEEE;
+		}
+	}
+
+	div.tracker_host {
+		font-size: 1.2em;
+		font-weight: bold;
+		color: #222;
+	}
+
+	/* Files Inspector Tab */
+	#inspector_file_list {
+		padding: 0 0 0 0;
+		margin: 0 0 0 0;
+		text-align: left;
+		cursor: default;
+		overflow: hidden;
+	}
+	ul.inspector_torrent_file_list {
+		width: 100%;
+		margin: 0  0 0 0;
+		padding-bottom: 10px;
+		text-align: left;
+		display: block;
+		cursor: default;
+		list-style-type: none;
+		list-style: none;
+		list-style-image: none;
+	}
+	li.inspector_torrent_file_list_entry {
+		padding: 3px 0 3px 2px;
+		display: block;
+	}
+
+	li.inspector_torrent_file_list_entry.skip {
+		color: #666;
+	}
+
+	li.inspector_torrent_file_list_entry.even {
+		background-color: #EEEEEE;
+	}
+	div.inspector_torrent_file_list_entry_name {
+		font-size: 1.2em;
+		font-weight: bold;
+		color: #222;
+		margin-left: 20px;
+	}
+	li.inspector_torrent_file_list_entry.skip>.inspector_torrent_file_list_entry_name {
+		color: #666;
+	}
+	div.inspector_torrent_file_list_entry_progress {
+		font-size: 1em;
+		color: #666;
+		margin-left: 20px;
+	}
+	div.file_wanted_control {
+		background-position: left -19px;
+		float: left;
+		position: absolute;
+		cursor: pointer;
+		margin: 3px 0 0 0;
+		width: 19px;
+		height: 19px;
+		background-image: url('images/buttons/file_wanted_buttons.png');
+		background-repeat: no-repeat;
+		background-color: transparent;
+	}
+
+	li.inspector_torrent_file_list_entry.skip>.file_wanted_control {
+		background-position: left top;
+	}
+
+	li.inspector_torrent_file_list_entry.complete>.file_wanted_control {
+		background-position: left -19px;
+	}
+
+	ul.single_file li.inspector_torrent_file_list_entry>.file_wanted_control,
+	li.inspector_torrent_file_list_entry.complete>.file_wanted_control {
+		background-position: left -38px;
+		cursor: default;
+	}
+}
+
+/***
+****  File Priority Buttons
+***/
+
+div.file-priority-radiobox
+{
+	$border-radius: 5px;
+
+	display: inline;
+	float: right;
+	margin: 4px;
+	margin-top: 2px;
+
+	> * {
+		@include button;
+		width: 30px;
+		height: 12px;
+	}
+
+	> div.low {
+		$image-url: 'images/file-priority-low.png';
+		@include leftRoundedBox($border-radius);
+		@include imageOnVerticalGradient($image-url, $nonselected-gradient-color-top, $nonselected-gradient-color-bottom);
+		&.selected {
+			@include imageOnVerticalGradient($image-url, $selected-gradient-color-top, $selected-gradient-color-bottom);
+		}
+		border-right-width: 0px;
+	}
+
+	> div.normal {
+		$image-url: 'images/file-priority-normal.png';
+		@include imageOnVerticalGradient($image-url, $nonselected-gradient-color-top, $nonselected-gradient-color-bottom);
+		&.selected {
+			@include imageOnVerticalGradient($image-url, $selected-gradient-color-top, $selected-gradient-color-bottom);
+		}
+	}
+
+	> div.high {
+		$image-url: 'images/file-priority-high.png';
+		@include rightRoundedBox($border-radius);
+		@include imageOnVerticalGradient($image-url, $nonselected-gradient-color-top, $nonselected-gradient-color-bottom);
+		&.selected {
+			@include imageOnVerticalGradient($image-url, $selected-gradient-color-top, $selected-gradient-color-bottom);
+		}
+		border-left-width: 0px;
+	}
+}
+
+
+/****
+*****
+*****  MAIN WINDOW FOOTER
+*****
+****/
+
+div.torrent_footer
+{
+	height: 20px;
+	padding-top: 1px;
+	border-top: 1px solid #555;
+	position: relative;
+	width: 100%;
+	z-index: 3;
+
+	@include verticalGradient($nonselected-gradient-color-top, $nonselected-gradient-color-bottom);
+
+	> * {
+		@include button;
+		@include roundedBox(3px);
+		position: relative;
+		float: left;
+		height: 10px;
+		width: 24px;
+		border: 1px solid #666;
+	}
+
+	#turtle-button {
+		$image-url: 'images/turtle.png';
+		@include imageOnVerticalGradient($image-url, $nonselected-gradient-color-top, $nonselected-gradient-color-bottom);
+		&.selected {
+			@include imageOnVerticalGradient($image-url, $selected-gradient-color-top, $selected-gradient-color-bottom);
+		}
+	}
+
+	#compact-button {
+		$image-url: 'images/compact.png';
+		@include imageOnVerticalGradient($image-url, $nonselected-gradient-color-top, $nonselected-gradient-color-bottom);
+		&.selected {
+			@include imageOnVerticalGradient($image-url, $selected-gradient-color-top, $selected-gradient-color-bottom);
+		}
+		margin-left: 10px;
+	}
+
+	#prefs-button {
+		$image-url: 'images/wrench.png';
+		@include imageOnVerticalGradient($image-url, $nonselected-gradient-color-top, $nonselected-gradient-color-bottom);
+		&:active {
+			@include imageOnVerticalGradient($image-url, $selected-gradient-color-top, $selected-gradient-color-bottom);
+		}
+		float: right;
+	}
+
+	ul#settings_menu, div.main_container {
+		display: none;
+	}
+}
+
+/****
+*****
+*****  POPUP MENU
+*****
+****/
+
+.trans_menu,
+.trans_menu * {
+	display: none;
+}
+
+
+/*--------------------------------------
+ *
+ * Hide remnants of stuff we don't need, like
+ * transmenu and contextmenu.
+ *
+ *--------------------------------------*/
+
+div#torrent_context_menu {
+	display: none;
+}
+
+iframe#torrent_upload_frame {
+	display: block; /* Don't change this : safari forms won't target hidden frames (they open a new window) */
+	position: absolute;
+	top: -1000px;
+	left: -1000px;
+	width: 0px;
+	height: 0px;
+	border: none;
+	padding: 0;
+	margin: 0;
+}