1@mixin verticalGradient($topColor, $bottomColor) {
2	background-color: mix($topColor, $bottomColor);
3	background-image: -webkit-gradient(linear, left top, left bottom, from($topColor), to($bottomColor));
4	background-image: -webkit-linear-gradient(top, $topColor, $bottomColor);
5	background-image:    -moz-linear-gradient(top, $topColor, $bottomColor);
6	background-image:     -ms-linear-gradient(top, $topColor, $bottomColor);
7	background-image:      -o-linear-gradient(top, $topColor, $bottomColor);
8	background-image:         linear-gradient(top, $topColor, $bottomColor);
9}
10
11@mixin imageOnVerticalGradient($src, $topColor, $bottomColor) {
12	background-color: mix($topColor, $bottomColor);
13	background-image: url($src); /* fallback */
14	background-image: url($src), -webkit-gradient(linear, left top, left bottom, from($topColor), to($bottomColor)); /* Saf4+, Chrome */
15	background-image: url($src), -webkit-linear-gradient(top, $topColor, $bottomColor); /* Chrome 10+, Saf5.1+ */
16	background-image: url($src), -moz-linear-gradient(top, $topColor, $bottomColor); /* FF3.6+ */
17	background-image: url($src), -ms-linear-gradient(top, $topColor, $bottomColor); /* IE10 */
18	background-image: url($src), -o-linear-gradient(top, $topColor, $bottomColor); /* Opera 11.10+ */
19	background-position: center;
20	background-repeat: no-repeat;
21}
22
23@mixin buttonImage($image-url, $idle-color-top, $idle-color-bottom, $active-color-top, $active-color-bottom) {
24	@include imageOnVerticalGradient($image-url, $idle-color-top, $idle-color-bottom);
25	&:active, &.selected {
26		@include imageOnVerticalGradient($image-url, $active-color-top, $active-color-bottom);
27	}
28}
29
30$nonselected-gradient-top: white;
31$nonselected-gradient-bottom: #BBB;
32$selection-color: #cdcdff;
33$selected-gradient-top: $selection-color;
34$selected-gradient-bottom: white;
35
36@mixin button {
37	cursor: pointer;
38	-moz-user-select: none;
39	-webkit-user-select: none;
40	display: inline-block;
41	border-style: solid;
42	border-color: #aaa;
43	border-width: 1px;
44	padding: 3px;
45}
46
47@mixin roundedBox($radius) {
48	-moz-border-radius: $radius;
49	border-radius: $radius;
50}
51
52@mixin leftRoundedBox($radius) {
53	-moz-border-radius-topleft: $radius;
54	-moz-border-radius-bottomleft: $radius;
55	border-top-left-radius: $radius;
56	border-bottom-left-radius: $radius;
57}
58@mixin rightRoundedBox($radius) {
59	-moz-border-radius-topright: $radius;
60	-moz-border-radius-bottomright: $radius;
61	border-top-right-radius: $radius;
62	border-bottom-right-radius: $radius;
63}
64
65@mixin roundedButton($radius) {
66	@include button;
67	@include roundedBox($radius);
68}
69
70/*--------------------------------------
71 *
72 * G L O B A L
73 *
74 *--------------------------------------*/
75
76html {
77	margin: 0;
78	padding: 0;
79	height: 100%;
80}
81
82body {
83	font: 62.5% "lucida grande", Tahoma, Verdana, Arial, Helvetica, sans-serif; /* Resets 1em to 10px */
84	color: #222;/* !important; */
85	background: #FFF;
86	text-align: center;
87	margin: 0 0 30px;
88	overflow: hidden;
89	img { border: none; }
90	a { outline: 0; }
91}
92
93/***
94****
95****  ABOUT DIALOG
96****
97***/
98
99#about-dialog
100{
101	> * {
102		text-align: center;
103	}
104	> #about-logo {
105		background: transparent url('images/logo.png') top left no-repeat;
106		width: 64px;
107		height: 64px;
108		margin-left: 100px;
109	}
110	> #about-title {
111		font-size: 1.3em;
112		font-weight: bold;
113	}
114}
115
116/***
117****
118****  HOTKEYS DIALOG
119****
120***/
121
122#hotkeys-dialog {
123	table {
124		width: 100%;
125		border-collapse: collapse;
126
127		th, td {
128			border: 1px solid #AAA;
129		}
130	}
131}
132
133
134/***
135****
136****  TOOLBAR
137****
138***/
139$toolbar-gradient-top: #ddd;
140$toolbar-gradient-bottom: #bbb;
141$toolbar-height: 36px;
142
143div#toolbar
144{
145	width: 100%;
146	height: $toolbar-height;
147	margin: 0px;
148	padding: 2px;
149	border-bottom: 1px solid #AAA;
150	@include verticalGradient($toolbar-gradient-top, $toolbar-gradient-bottom);
151
152	$idle-color-top: $nonselected-gradient-top;
153	$idle-color-bottom: $nonselected-gradient-bottom;
154	$active-color-top: $selected-gradient-top;
155	$active-color-bottom: $selected-gradient-bottom;
156
157	> * {
158		@include button;
159		width: 34px;
160		height: 34px;
161		float: left;
162		border: none;
163		padding: 0px 3px;
164		background-position: center center;
165		background-repeat: no-repeat;
166	}
167
168        >div#toolbar-separator {
169                height: 25px;
170                margin-top: 8px;
171                margin-bottom: 5px;
172                border-left: 1px solid #aaa;
173                width: 3px;
174        }
175
176	> div#toolbar-open {
177		background-image: url('images/toolbar-folder.png');
178	}
179	> div#toolbar-remove {
180		background-image: url('images/toolbar-close.png');
181	}
182	> div#toolbar-start {
183		background-image: url('images/toolbar-start.png');
184	}
185	> div#toolbar-pause {
186		background-image: url('images/toolbar-pause.png');
187	}
188	> div#toolbar-start-all {
189		background-image: url('images/toolbar-start-all.png');
190	}
191	> div#toolbar-pause-all {
192		background-image: url('images/toolbar-pause-all.png');
193	}
194
195	> div#toolbar-inspector {
196		background-image: url('images/toolbar-info.png');
197		float: right;
198		margin-right: 4px;
199	}
200
201	> *.disabled {
202		opacity: 0.25;
203	}
204}
205
206/***
207****
208****  STATUSBAR
209****
210***/
211
212$statusbar-gradient-top: #ddd;
213$statusbar-gradient-bottom: #bbb;
214$statusbar-height: 26px;
215
216#statusbar
217{
218	height: $statusbar-height;
219	width: 100%;
220	border-bottom: 1px solid #AAA;
221	overflow: hidden;
222	position: relative;
223	@include verticalGradient($statusbar-gradient-top, $statusbar-gradient-bottom);
224
225	#filter
226	{
227		float: left;
228		margin-left: 5px;
229
230		input#torrent_search {
231			height: 18px;
232			width: 100px;
233			border-radius: 6px;
234			&.blur { color: #999; }
235		}
236
237		#filter-count { margin-left: 8px; }
238	}
239
240	#speed-info
241	{
242		float: right;
243		margin-top: 5px;
244		margin-right: 10px;
245
246		* {
247			display: inline-block;
248		}
249
250		#speed-up-icon {
251			margin-left: 8px;
252			width: 8px;
253			height: 8px;
254			background: url('images/arrow-up.png') bottom no-repeat;
255		}
256
257		#speed-dn-icon {
258			width: 8px;
259			height: 8px;
260			background: url('images/arrow-down.png') bottom no-repeat;
261		}
262
263		#speed-up-container, #speed-dn-container {
264			display: inline;
265		}
266	}
267}
268
269/***
270****
271****  TORRENT CONTAINER
272****
273***/
274
275$torrent-container-top: $toolbar-height + $statusbar-height + 6px;
276
277div#torrent_container {
278	position: fixed;
279	top: $torrent-container-top;
280	bottom: 22px;
281	right: 0px;
282	left: 0px;
283	padding: 0px;
284	margin: 0px;
285	overflow: auto;
286	-webkit-overflow-scrolling: touch;
287}
288
289ul.torrent_list
290{
291	width: 100%;
292	margin: 0;
293	padding: 0;
294	text-align: left;
295	cursor: pointer;
296	list-style-type: none;
297
298	li.torrent
299	{
300		border-bottom: 1px solid #ccc;
301		padding: 4px 30px 5px 14px;
302		color: #666;
303		background-color: white;
304
305		&.compact { padding: 4px; }
306		&.even { background-color: #F7F7F7; }
307		&.selected { background-color: $selection-color; }
308		&.compact { div.torrent_name { color: black; } }
309
310		// start-stop button
311		a {
312			float: right;
313			position: relative;
314			right: -22px;
315			top: 1px;
316
317			img {
318				position: relative;
319				right: -10px;
320			}
321
322			div {
323				background: url('images/buttons/torrent_buttons.png');
324				height: 14px;
325				width: 14px;
326			}
327
328			div.torrent_pause { background-position: left top; }
329			div.torrent_resume { background-position: center top; }
330
331			&:active {
332				div.torrent_pause { background-position: left bottom; }
333				div.torrent_resume { background-position: center bottom; }
334			}
335			&:hover {
336				div.torrent_pause { background-position: left center; }
337				div.torrent_resume { background-position: center center; }
338			}
339		}
340
341		div.torrent_name
342		{
343			font-size: 1.3em;
344			font-weight: bold;
345			overflow: hidden;
346			text-overflow: ellipsis;
347			white-space: nowrap;
348			color: #222;
349			margin-top: 2px;
350			margin-bottom: 2px;
351
352			&.compact { font-size: 1.0em; font-weight: normal; }
353			&.paused { font-weight: normal; color: #777; }
354		}
355
356		div.torrent_progress_details,
357		div.torrent_peer_details {
358			clear: left;
359			overflow: hidden;
360			text-overflow: ellipsis;
361			white-space: nowrap;
362		}
363
364		div.torrent_progress_details.error,
365		div.torrent_peer_details.error {
366			color: #F00;
367		}
368
369		&.selected div.torrent_progress_details.error,
370		&.selected div.torrent_peer_details.error {
371			color: #FFF;
372		}
373	}
374
375	/**
376	 * Progressbar
377	 *
378	 * Each progressbar has three elemens: a parent container and two children,
379	 * complete and incomplete.
380	 *
381	 * The only thing needed to set the progressbar percentage is to set
382	 * the complete child's width as a percentage. This is because incomplete
383	 * is pinned to the full width and height of the parent, and complete
384	 * is pinned to the left side of the parent and has a higher z-index.
385	 *
386	 * The progressbar has different colors depending on its state, so there
387	 * are five 'decorator' classNames: paused, queued, magnet, leeching, seeding.
388	 */
389	div.torrent_progress_bar_container
390	{
391		height: 10px;
392		position: relative;
393
394		&.compact {
395			width: 50px;
396			position: absolute;
397			right: 10px;
398			margin-top: 2px;
399			/*float: right;*/
400		}
401		&.full {
402			margin-top: 2px;
403			margin-bottom: 5px;
404		}
405	}
406	div.torrent_peer_details.compact
407	{
408		margin-top: 2px;
409		margin-right: 65px; /* leave room on the right for the progressbar */
410		float: right; /* pins it next to progressbar & forces torrent_name to ellipsize when it bumps up against this div */
411	}
412	div.torrent_progress_bar
413	{
414		height: 100%;
415		position: absolute;
416		top: 0px;
417		left: 0px;
418		background-image: url('images/progress.png');
419		background-repeat: repeat-x;
420		border: 1px solid #888;
421
422		&.complete                   { z-index: 2; }
423		&.complete.paused            { background-position: left -30px; border-color: #989898; }
424		&.complete.magnet            { background-position: left -20px; border-color: #CFCFCF; }
425		&.complete.leeching          { background-position: left   0px; border-color: #3D9DEA; }
426		&.complete.leeching.queued   { background-position: left -70px; border-color: #889CA5; }
427		&.complete.seeding           { background-position: left -40px; border-color: #269E30; }
428		&.complete.seeding.queued    { background-position: left -60px; border-color: #8A998D; }
429		&.incomplete                 { z-index: 1; width: 100%; }
430		&.incomplete.paused          { background-position: left -20px; border-color: #CFCFCF; }
431		&.incomplete.magnet          { background-position: left -50px; border-color: #D47778; }
432		&.incomplete.leeching        { background-position: left -20px; border-color: #CFCFCF; }
433		&.incomplete.leeching.queued { background-position: left -80px; border-color: #C4C4C4; }
434		&.incomplete.seeding         { background-position: left -10px; border-color: #29AD35; }
435	}
436}
437
438/***
439****
440****  PREFERENCES
441****
442***/
443
444#prefs-dialog.ui-tabs .ui-tabs-panel {
445	padding: 0px;
446	-moz-user-select: none;
447	-webkit-user-select: none;
448}
449
450.prefs-section
451{
452	margin: 10px;
453	text-align: left;
454
455	> * {
456		padding-top: 8px;
457		padding-left: 8px;
458	}
459
460	.title {
461		font-weight: bold;
462		font-size: larger;
463		padding-left: 0px;
464	}
465
466	.row {
467		.key {
468			float: left;
469			padding-top: 3px;
470			> * { margin-left: 0px; }
471		}
472		.value {
473			margin-left: 150px;
474			> * { width: 100%; }
475		}
476	}
477
478	.checkbox-row {
479		> input { margin: 0px; }
480		> label { margin-left: 5px; }
481	}
482
483	#alternative-speed-limits-title {
484		padding-left: 18px;
485		background: transparent url('images/blue-turtle.png') no-repeat;
486	}
487
488	#alternative-speed-limits-desc {
489		font-size: smaller;
490		padding-bottom: 4px;
491	}
492
493	#blocklist-info {
494		font-size: smaller;
495		margin-top: 3px;
496	}
497}
498
499/***
500****
501****  TORRENT INSPECTOR
502****
503***/
504
505$inspector-width: 570px;
506
507div#torrent_inspector
508{
509	overflow: auto;
510	-webkit-overflow-scrolling: touch;
511	text-align: left;
512	padding: 15px;
513	top: $torrent-container-top;
514	position: fixed;
515	width: $inspector-width;
516	z-index: 5;
517	border-left: 1px solid #888;
518	bottom: 22px;
519	right: 0px;
520
521	$idle-color-top: $nonselected-gradient-top;
522	$idle-color-bottom: $nonselected-gradient-bottom;
523	$active-color-top: $selected-gradient-top;
524	$active-color-bottom: $selected-gradient-bottom;
525
526	#inspector-close
527	{
528		display: none;
529	}
530
531	#inspector-tabs-wrapper
532	{
533		width: 100%;
534		overflow: hidden;
535		text-align: center;
536
537		#inspector-tabs
538		{
539			$border-radius: 5px;
540
541			display: inline-block;
542
543			> * {
544				@include button;
545				width: 30px;
546				height: 20px;
547			}
548
549			> #inspector-tab-info {
550                                @include leftRoundedBox($border-radius);
551				@include buttonImage('images/inspector-info.png', $idle-color-top, $idle-color-bottom, $active-color-top, $active-color-bottom);
552                                border-left-width: 1px;
553			}
554
555			> #inspector-tab-peers {
556				@include buttonImage('images/inspector-peers.png', $idle-color-top, $idle-color-bottom, $active-color-top, $active-color-bottom);
557			}
558
559			> #inspector-tab-trackers {
560				@include buttonImage('images/inspector-trackers.png', $idle-color-top, $idle-color-bottom, $active-color-top, $active-color-bottom);
561			}
562
563			> #inspector-tab-files {
564                                @include rightRoundedBox($border-radius);
565				@include buttonImage('images/inspector-files.png', $idle-color-top, $idle-color-bottom, $active-color-top, $active-color-bottom);
566			}
567		}
568	}
569
570	#inspector_header
571	{
572		margin-top: 8px;
573
574		#torrent_inspector_name
575		{
576			font-weight: bold;
577			font-size: large;
578		}
579	}
580
581	ul.tier_list
582	{
583		margin: 2px 0 8px 0;
584		width: 100%;
585		padding-left: 0px;
586		text-align: left;
587		display: block;
588		cursor: default;
589		list-style-type: none;
590		list-style: none;
591		list-style-image: none;
592		clear: both;
593
594		li {
595			overflow: hidden;
596		}
597		.tracker_activity {
598			float: left;
599			color: #666;
600			width: 330px;
601			display: table;
602			margin-top: 1px;
603		}
604		.tracker_activity div {
605			padding: 2px;
606		}
607		table {
608			float: right;
609			color: #666;
610		}
611		th {
612			text-align: right;
613		}
614	}
615
616	li.inspector_tracker_entry {
617		padding: 3px 0 3px 2px;
618		display: block;
619
620		&.odd {
621			background-color: #EEEEEE;
622		}
623	}
624
625	div.tracker_host {
626		font-size: 1.2em;
627		font-weight: bold;
628		color: #222;
629	}
630
631	/* Files Inspector Tab */
632
633	#inspector_file_list {
634		padding: 0 0 0 0;
635		margin: 0 0 0 0;
636		text-align: left;
637		cursor: default;
638		overflow: hidden;
639	}
640
641	#inspector_file_list {
642		width: 100%;
643		margin: 6px 0 0 0;
644		padding-top: 6px;
645		padding-bottom: 10px;
646		text-align: left;
647		display: block;
648		cursor: default;
649		list-style-type: none;
650		list-style: none;
651		list-style-image: none;
652		clear: both;
653	}
654	li.inspector_torrent_file_list_entry {
655		padding: 3px 0 3px 2px;
656		display: block;
657		&.skip { color: #666; }
658		&.even { background-color: #F7F7F7; }
659	}
660
661	div.inspector_torrent_file_list_entry_name {
662		font-size: 1.2em;
663		color: black;
664		display: inline;
665		margin-left: 0px;
666	}
667	li.inspector_torrent_file_list_entry.skip>.inspector_torrent_file_list_entry_name {
668		color: #999;
669	}
670	div.inspector_torrent_file_list_entry_progress {
671		color: #999;
672		margin-left: 20px;
673	}
674
675	ul.single_file li.inspector_torrent_file_list_entry>.file_wanted_control,
676	li.inspector_torrent_file_list_entry.complete>.file_wanted_control {
677		cursor: default;
678	}
679}
680
681/* Peers Inspector Tab */
682#inspector_peers_list {
683	padding: 0 0 0 0;
684	margin: 0 0 0 0;
685	text-align: left;
686	cursor: default;
687	overflow: hidden;
688
689	> div.inspector_group {
690		padding-bottom: 0;
691		margin-bottom: 0;
692	}
693}
694
695table.peer_list {
696	width: 100%;
697	border-collapse: collapse;
698	text-align: left;
699	cursor: default;
700	clear: both;
701	table-layout: fixed;
702
703	.encryptedCol { width: 16px; }
704	.upCol { width: 70px; }
705	.downCol { width: 70px; }
706	.percentCol { width: 30px; padding-right: 5px; text-align: right; }
707	.statusCol { width: 40px; padding-right: 5px; }
708	.addressCol { width: 180px; }
709	.clientCol { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
710}
711
712tr.inspector_peer_entry
713{
714	div.encrypted-peer-cell
715	{
716		width: 16px;
717		height: 16px;
718		background: transparent url('images/lock_icon.png') no-repeat;
719	}
720
721	&.odd
722	{
723		background-color: #EEEEEE;
724	}
725}
726
727/***
728****  File Priority Buttons
729***/
730
731div.file-priority-radiobox
732{
733	$border-radius: 5px;
734
735	display: inline;
736	float: right;
737	margin: 4px;
738	margin-top: 2px;
739
740	> * {
741		@include button;
742		width: 20px;
743		height: 12px;
744	}
745
746	// We have row after row of these buttons, so the flashy colors used in the inspector tabs look harsh here.
747	// Keep the same basic color theme, but look less harsh, by cutting the gradient's color range.
748	$idle-color-top:      mix( $nonselected-gradient-top, $nonselected-gradient-bottom, 80% );
749	$idle-color-bottom:   mix( $nonselected-gradient-top, $nonselected-gradient-bottom, 20% );
750	$active-color-top:    mix( $selected-gradient-top,    $selected-gradient-bottom,    80% );
751	$active-color-bottom: mix( $selected-gradient-top,    $selected-gradient-bottom,    20% );
752
753	> div.low {
754		@include leftRoundedBox($border-radius);
755		@include buttonImage('images/file-priority-low.png', $idle-color-top, $idle-color-bottom, $active-color-top, $active-color-bottom);
756		border-right-width: 0px;
757	}
758
759	> div.normal {
760		@include buttonImage('images/file-priority-normal.png', $idle-color-top, $idle-color-bottom, $active-color-top, $active-color-bottom);
761	}
762
763	> div.high {
764		@include rightRoundedBox($border-radius);
765		@include buttonImage('images/file-priority-high.png', $idle-color-top, $idle-color-bottom, $active-color-top, $active-color-bottom);
766		border-left-width: 0px;
767	}
768}
769
770
771/****
772*****
773*****  MAIN WINDOW FOOTER
774*****
775****/
776
777div.torrent_footer
778{
779	height: 22px;
780	border-top: 1px solid #555;
781	bottom: 0;
782	position: fixed;
783	width: 100%;
784	z-index: 3;
785
786	@include verticalGradient($statusbar-gradient-top, $statusbar-gradient-bottom);
787
788	> div {
789		float: left;
790		margin: 2px 4px;
791		width: 18px;
792		height: 12px;
793		padding: 2px 8px;
794		float: left;
795		border: 1px solid #888;
796		-moz-user-select: none;
797		-webkit-user-select: none;
798	}
799
800	$idle-color-top: $nonselected-gradient-top;
801	$idle-color-bottom: $nonselected-gradient-bottom;
802	$active-color-top: $selected-gradient-top;
803	$active-color-bottom: $selected-gradient-bottom;
804
805	#settings_menu {
806		@include roundedBox(5px);
807		@include buttonImage('images/settings.png', $idle-color-top, $idle-color-bottom, $active-color-top, $active-color-bottom);
808	}
809
810	#prefs-button {
811		@include roundedBox(5px);
812		@include buttonImage('images/wrench.png', $idle-color-top, $idle-color-bottom, $active-color-top, $active-color-bottom);
813	}
814
815	#turtle-button {
816		@include roundedBox(5px);
817		@include buttonImage('images/turtle.png', $idle-color-top, $idle-color-bottom, $active-color-top, $active-color-bottom);
818		&:active, &.selected {
819			@include imageOnVerticalGradient('images/blue-turtle.png', $active-color-top, $active-color-bottom);
820		}
821	}
822
823	#compact-button {
824		@include roundedBox(5px);
825		@include buttonImage('images/compact.png', $idle-color-top, $idle-color-bottom, $active-color-top, $active-color-bottom);
826	}
827
828	#freespace-info	{
829		float: right;
830                text-align: right;
831                border: 0px;
832                width: 100px;
833	}
834}
835
836/****
837*****
838*****  DIALOGS
839*****
840****/
841
842div.dialog_container {
843	position: absolute;
844	top: 0;
845	left: 0px;
846	margin: 0px;
847	width: 100%;
848	height: 100%;
849	text-align: center;
850	color: black;
851	font-size: 1.1em;
852}
853
854div.dialog_container div.dialog_window {
855	background-color: #eee;
856	margin: 0 auto;
857	opacity: .95;
858	border-top: none;
859	text-align: left;
860	width: 420px;
861	z-index: 10;
862	overflow: hidden;
863	position: relative;
864	-webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.7);
865	top: 80px;
866}
867@media screen and (-webkit-min-device-pixel-ratio:0) {
868	div.dialog_container div.dialog_window {
869		top: 0;
870		margin-top: 71px;
871	}
872}
873
874div.dialog_container .dialog_logo {
875	width: 64px;
876	height: 64px;
877	margin: 20px 20px 0 20px;
878	float: left;
879	background: transparent url('images/logo.png') top left no-repeat;
880}
881
882div.dialog_container div.dialog_window h2.dialog_heading {
883	display: block;
884	float: left;
885	width: 305px;
886	font-size: 1.2em;
887	color: black;
888	margin-top: 20px;
889}
890
891div.dialog_container div.dialog_window div.dialog_message {
892	float: left;
893	padding-left: 3px;
894	margin-left: -3px;
895	width: 305px;
896	overflow: hidden;
897}
898
899div.dialog_container div.dialog_window a {
900	display: block;
901	float: right;
902	margin: 10px 20px 10px -8px;
903	padding: 5px;
904	background-color: #EEE;
905	border: 1px solid #787878;
906	width: 50px;
907	height: 15px;
908	text-align: center;
909	font-weight: bold;
910	text-decoration: none;
911	color: #323232;
912	-webkit-appearance: button;
913	font: -webkit-control;
914	cursor: default;
915}
916
917div.dialog_container div.dialog_window a:hover,
918div.dialog_container div.dialog_window a:active {
919	background: #C0C8D6 url('images/filter_bar.png') bottom repeat-x;
920}
921
922div#upload_container div.dialog_window div.dialog_message label {
923	margin-top: 15px;
924	display: block;
925}
926
927div#upload_container div.dialog_window div.dialog_message input {
928	width: 249px;
929	margin: 3px 0 0 0;
930	display: block;
931}
932
933div#upload_container div.dialog_window div.dialog_message input[type=text] {
934	width: 245px;
935	padding: 2px;
936}
937
938div#upload_container div.dialog_window div.dialog_message input[type=checkbox] {
939	margin: 15px 3px 0 0;
940	display: inline;
941	width: auto;
942}
943
944div#upload_container div.dialog_window div.dialog_message #auto_start_label {
945	display: inline;
946}
947
948div.dialog_container div.dialog_window form {
949	margin: 0;
950	padding: 0px;
951}
952
953div#move_container input#torrent_path {
954	width: 286px;
955	padding: 2px;
956}
957
958
959iframe#torrent_upload_frame {
960	display: block; /* Don't change this : safari forms won't target hidden frames (they open a new window) */
961	position: absolute;
962	top: -1000px;
963	left: -1000px;
964	width: 0px;
965	height: 0px;
966	border: none;
967	padding: 0;
968	margin: 0;
969}
970
971/****
972*****
973*****  POPUP MENU
974*****
975****/
976
977.ui-menu-item {
978	text-align: left;
979	white-space: nowrap;
980}
981
982#torrent_context_menu,
983#footer_super_menu {
984	font-size: 1em;
985	z-index: 3;
986}
987