@charset "utf-8";
@namespace url('http://www.w3.org/1999/xhtml');

/*
 * Alien Tech Firefox Add-ons (for FF2)
 *
 * Author                  : Ze Thriller (green[dot]glopp[at]gmail[dot]com)
 * Updated                 : June 16, 2008 (v1.2_FF2)
 * Description             : Dark tech appearance for Firefox Addons site (http://addons.mozilla.org).
 * Usage                   : Use with the 'Stylish' Firefox extension (http://userstyles.org/)
 *                             This style is NOT for now intended to work with addons for Thunderbird, Seamonkey and Sunbird on then mozilla.org site.
 *                             I am not able to reskin the addon management part because I don't have any.
 * Multi-language support  : full (tested with french and english)
 * LTR/RTL support         : partial (need some more tests to confirm full support)
 * Stable with page zoom   : yes (max 3x Zoom In with "Zoom Text only", unlimited with "Zoom Text only" unchecked)
 * CSS version used        : CSS 3 (for some advanced selectors)
 * Works with              : Stylish in Firefox 2
 * Tested with             : Stylish 0.5.7 and Firefox 2.0.0.14 portable
 * Licence                 : Creative Commons v3.0 BY-NC-SA (see http://creativecommons.org/licenses/by-nc-sa/3.0/ )
 * Credits                 : Part of this work is inspired by the excellent "Gmail redesigned by Globex designs"
 *                             on userstyles.org and the City Of Heroes / City of Vilains color schemes (no ad inside!).
 *                             Most of the UI icons are from the Crystal Icons from Everaldo on CrystalXP.
 *                             Apps icons are from deviantART, I've only taken shareable and/or (better) downloadable ones.
 *                             For the alternative firefox logos, they may come from deviantART, I'm not sure.
 *                             The small loading icon (on statistics dashboard) is a small modification from
 *                             the Blackaqua theme, a variant of BlackJapanMAX (see https://addons.mozilla.org/en-US/firefox/addon/3101 ,
 *                             https://addons.mozilla.org/en-US/firefox/addon/3248)
 *                             The image used for header decoration is from gnome-look.org
 *                             ( http://www.gnome-look.org/content/show.php/Wallpaper+Clock+Screenlet?content=66717 ,
 *                             direct link: http://www.vladstudio.com/wallpaperclock/details.php?9 )
 * Known bugs              : Probably some missing styling in the "Developer Tools" pages. Please help if you can !
 *                           Some addons icons will appear with a white background. Sorry, I don't want to waste my time fixing thousands of icons.
 *                           Ask addons developers to make their icons have a transparent background ! :]
 *
 * This style massively use transparent PNG and proprietary Mozilla CSS elements to enhance visual effects and simplify the code.
 * Due tu huge changes in the HTML/CSS renderer in Firefox 3, rounded-corners boxes will look better in Firefox 3 than in Firefox 2.
 *
 * Additional modifiers may fix some default color problems for those using dark themes in Linux.
 * It seems Mozilla designers didn't think some people could have their defaut textfield background-color not white !
 *
 * This style is in early development stage, so please submit all bug reports, comments and requests.
 *
 * Feel free to use this style to create your own, or to make improvements on this one.
 * I just ask tou to let me know if you make any change, your ideas are welcome !
 * Read the licence link to learn what you can do or not.
 *
 * Hope you like it ^^
 *
 * Note: ALL rules MUST be set with !important modifier, otherwise nothing work.
 *
 * See rule img[src$="/img/app-icons/firefox.png"] if you want to change the firefox logo !
 *
 ********************
 *
 * Version history:
 *
 *
 * May, 11: v1.0 beta
 *	Initial release
 *
 * May, 13: v1.1
 *	Missing skinning in https://addons.mozilla.org/en-US/firefox/browse/type:2 (and similar):
 *		Bottom-right categories links
 *
 *	Missing skinning in https://addons.mozilla.org/en-US/firefox/browse/type:2/cat:62?sort=name (and similar):
 *		Addons navigation bar
 *		Categories treeview
 *		Categories link color
 *		Fix for border color outside the install button for not logged in/experimental or for older FF versions addons
 *		Minor link color fix for the "log in" link on the install button of expermiental addons
 *
 *	Fix for title in https://addons.mozilla.org/en-US/firefox/users/edit ("change password")
 *	Fix for footer overlapping body elements
 *	Extended url list for style application: better referencing on userstyles.org (allow direct domain search, no only with stylish's "find style for this page" option)
 *	Fix for arrows on previous/next links (pagination, while searching for addons)
 *
 * June, 3: v1.11
 *	Fix bug in https://addons.mozilla.org/fr/firefox/addon/5410 and similar (see "other add-ons from..." selector)
 *	Fix bug in download statistics on single add-on page
 *	In add-on evaluation form, the "Save" button should be hidden if not logged in.
 *
 *	Test page for new features in this update: https://addons.mozilla.org/fr/firefox/addon/5410
 *
 * June, 16: v1.2
 *	Major fix for the new search panel, minor graphic enhancements
 *	The search button is now skinned !
 *	Updated "Tested with" firefox versions
 *
 *	Affected pages for the new features: all ^^
 *
 ********************
 *
 */

@-moz-document 	domain("http://addons.mozilla.org"),
                domain("https://addons.mozilla.org"),
				domain("addons.mozilla.org")
{
	/*********************
    /  GENERIC SETTINGS  /
	*********************/

	body
	{
		background-color: #000 !important;
		color: #CCC !important;
	}

	input, button
	{
		background-color: #FFF !important;
		color: #000 !important;
	}

	input[type=text], input[type=password], textarea, select
	{
		border-top: 1px solid #808080 !important;
		border-left: 1px solid #808080 !important;
		border-right: 1px solid #BBB !important;
		border-bottom: 1px solid #BBB !important;
	}

	select
	{
		-moz-border-radius: 4px !important;
	}

	select, select > option
	{
		-moz-appearance: none !important; /* Unlock background-color */
		background-color: #335 !important;
		color: #CCC !important;
	}

	select > optgroup
	{
		background-color: inherit !important;
		color: #00EF80 !important;
	}

	textarea
	{
		-moz-appearance: none !important; /* required to change background image */
		background-color: #272D32 !important;
		background-image: url('http://quantumsearcher.net/designs/addons_tech/textarea_bg.png') !important;
		background-repeat: repeat-x !important;
		background-position: top left !important;
		color: #FFF !important;
	}

	textarea:focus
	{
		color: #FC0 !important;
	}

	a:link
	{
		color: #1D587F !important;
	}

	a:visited
	{
		color: #475966 !important;
	}

	a:hover
	{
		color: #2B81BF !important;
	}

	/* Firefox logo: alternative version ! */
	img[src$="/img/app-icons/firefox.png"]
	{
		width: 0 !important;
		height: 110px !important;
		/*
			Values accepted for background-image file: red.png orange.png blue.png black.png
		*/
		background-image: url('http://quantumsearcher.net/designs/addons_tech/ff_logos/red.png') !important;
		background-repeat: no-repeat !important;
		background-position: top left !important;
		padding-left: 105px !important;
		z-index: 200 !important; /* For Firefox 2 */
	}

	/* Mozilla branding logo: we don't need this :) */
	h4#moz
	{
		display: none !important;
	}

	/*
	Addon default package icon.
	Here is something different from the classic puzzle piece.
	*/
	img[src$="/img/addon-icn.png"]
	{
		width: 0 !important;
		height: 32px !important;
		background-image: url('http://quantumsearcher.net/designs/addons_tech/package.png') !important;
		background-repeat: no-repeat !important;
		background-position: top left !important;
		padding-left: 32px !important;
	}

	/* Page header: some soft background decoration here. */
	div#page-title
	{
		background-image: url('http://quantumsearcher.net/designs/addons_tech/header_decoration_bg.png') !important;
		background-repeat: repeat-x !important;
		background-position: top left !important;
	}

	/* Header info text */
	p.page-intro
	{
		color: #9A9 !important;
		font-style: italic !important;
		padding-left: 138px !important;
	}

	/* Big link "Firefox Add-Ons" */
	div#page-title div h1 a
	{
		color: #D90000 !important;
	}

	/* User links ("Register", "My Account", "Log in", "Log out", etc.) */
	ul#nav-user
	{
		color: #666 !important;
	}

	ul#nav-user a, ul#nav-user > li,
	div.bluebox-tl > div > div > span > a
	{
		color: #FC0 !important;
	}

	/* Same, state=hover */
	ul#nav-user a:hover, ul#nav-user > li:hover,
	div.bluebox-tl > div > div > span > a:hover
	{
		color: #FF0 !important;
	}

	/* Featured modules, all (feature1 is the biggest one) */
	div#feature1, div#feature2, div#feature3, div#feature4, div#feature5
	{
		background-repeat: repeat-x !important;
		background-position: top right !important;
		background-color: transparent !important;
		border: 1px solid #808080 !important;
		-moz-border-radius-topleft: 8px !important;
		-moz-border-radius-topright: 0 !important;
		-moz-border-radius-bottomleft: 0 !important;
		-moz-border-radius-bottomright: 8px !important;
	}

	/* Featured modules, public (feature1 is the biggest one) */
	div#feature1:not([class~=exp]), div#feature2:not([class~=exp]), div#feature3:not([class~=exp]), div#feature4:not([class~=exp]), div#feature5:not([class~=exp])
	{
		background-image: url('http://quantumsearcher.net/designs/addons_tech/addon-tr.png') !important;
	}

	/* Featured modules, experimental (this could happen !) */
	div#feature1[class~=exp], div#feature2[class~=exp], div#feature3[class~=exp], div#feature4[class~=exp], div#feature5[class~=exp]
	{
		background-image: url('http://quantumsearcher.net/designs/addons_tech/addon-tr-exp.png') !important;
	}

	/* Preview image: remove background image, showing the topleft corner of the box */
	div#feature1 p.preview-img, div#feature2 p.preview-img, div#feature3 p.preview-img
	{
		background: none !important;
	}

	/* Bottom image box border: Not required. */
	div#feature1 div.vex, div#feature2 div.vex, div#feature3 div.vex, div#feature4 div.vex, div#feature5 div.vex, div#addon-summary div.vex, ul#addon-listing > li div.vex
	{
		display: none !important;
	}

	/* Bottom image box border: Not required. */
	div#feature1 div.irk, div#feature2 div.irk, div#feature3 div.irk, div#feature4 div.irk, div#feature5 div.irk
	{
		background: none !important;
	}

	/* Recommanded add-ons (right pane): because this is a user style for mozilla browsers only,
	we can afford using Gecko's special CSS properties. Nice to handle round-cornered boxes.
	NOTE: rounded corners will render better with Firefox3 due to improvements in the graphic layer.
	*/
	div#content-main > div#content-extra > div#recs
	{
		background: none !important;
		border: 1px solid #808080 !important;
		-moz-border-radius-topleft: 8px !important;
		-moz-border-radius-topright: 0 !important;
		-moz-border-radius-bottomleft: 0 !important;
		-moz-border-radius-bottomright: 8px !important;
	}

	/* Page bottom */
	div#footer
	{
		background: none !important;
		margin-top: 38em !important;
	}

	/* Login form */
	form.amo-form
	{
		background-image: url('http://quantumsearcher.net/designs/addons_tech/addon-tr.png') !important;
		background-repeat: repeat-x !important;
		background-position: top right !important;
		border: 1px solid #808080 !important;
		-moz-border-radius-topleft: 8px !important;
		-moz-border-radius-topright: 0 !important;
		-moz-border-radius-bottomleft: 0 !important;
		-moz-border-radius-bottomright: 8px !important;
		color: #000000 !important;
	}

	form.amo-form input[type=text], form.amo-form input[type=password]
	{
		-moz-appearance: none !important;
		color: #BBB !important;
		background-color: #5D6871 !important;
		background-image: url('http://quantumsearcher.net/designs/addons_tech/textfield_bg.png') !important;
		background-repeat: repeat-x !important;
		background-position: top left !important;
	}

	form.amo-form input[type=text]:focus, form.amo-form input[type=password]:focus
	{
		color: #DDD !important;
	}

	form.amo-form label
	{
		border: none !important;
		color: #CCC !important;
		margin-right: 4px !important;
	}

	div.amo-form-error
	{
		background-color: #600 !important;
		border: 1px dotted #C66 !important;
		color: #DDD !important;
		margin-left: 10px !important;
		margin-right: 10px !important;
	}

	/* Add-ons category */
	select#category
	{
		position: relative !important;
		height: 30px !important;
		margin-top: 0 !important;
		top: 0 !important;
		-moz-border-radius-topleft: 0 !important;
		-moz-border-radius-topright: 4px !important;
		-moz-border-radius-bottomleft: 0 !important;
		-moz-border-radius-bottomright: 4px !important;
	}

	select#category, select#category *
	{
		font-size: 10pt !important;
	}

	/* This is to handle the new search form. */
	/*html > body #mozilla-com .html-ltr > div #content .detail-page > div #search-element > div #advanced-search-toggle > div*/
	div#search-bubble-outer,
	div#advanced-search-toggle,
	div#advanced-search-toggle > div,
	div#advanced-search-toggle > div > span,
	div#advanced-search-toggle > div > span > span
	{

		background: none transparent !important;
	}

	input#query
	{
		height: 20px !important;
		-moz-appearance: none !important;
		background-image: url('http://quantumsearcher.net/designs/addons_tech/search.png') !important;
		background-repeat: no-repeat !important;
		font-size: 10pt !important;
		padding-top: 5px !important;
		color: #CCC !important;
		background-color: #335 !important;
		-moz-border-radius-topleft: 4px !important;
		-moz-border-radius-topright: 0 !important;
		-moz-border-radius-bottomleft: 4px !important;
		-moz-border-radius-bottomright: 0 !important;
	}

	input#query:focus
	{
		color: #FFF !important;
	}

	/* Titles */
	div#content-main > h3,
	div#content-extra > div#recs h3,
	div.pitch > h3,
	div#addon-info h4,
	div.corner-box h3,
	div.bluebox-tl h3,
	div#content-main h1,
	div#helpbox h4,
	div#addon-summary:not([class~=exp]) h3.name,
	form#form-review h3,
	div#addon-info h5,
	form.amo-form > h2,
	div#recommended > h3
	{
		color: #7B91BB !important;
	}

	form.amo-form > h2
	{
		padding-left: 16px !important;
	}


	div.corner-box
	{
		background-image: none !important;
	}

	div.corner-box h3
	{
		font-style: italic !important;
		margin-left: 4px !important;
	}

	div#addon-info h4
	{
		font-weight: bold !important;
	}

	/* This is a simple way to change the bullets color in lists. */
	ul > li::-moz-list-bullet
	{
		color: #5CE4BB !important;
	}

	/* Same, hover state. */
	ul > li:hover::-moz-list-bullet
	{
		color: #FF3 !important;
	}

	p.view-all > a.view
	{
		font-style: italic !important;
	}

	.html-ltr a.view
	{
		background: transparent url('http://quantumsearcher.net/designs/addons_tech/arrow_view.png') 100% 4px no-repeat !important;
	}

	.html-rtl a.view
	{
		background: transparent url('http://quantumsearcher.net/designs/addons_tech/arrow_rtl_view.png') 100% 4px no-repeat !important;
	}

	a.view:hover
	{
		background-position: 100% -96px !important;
	}


	/* Add-ons categories list */
	ul#cat-list
	{
		border: none !important;
		padding: 0 !important;
		margin: 0 !important;
		background-color: inherit !important;
	}

	ul#cat-list li, ul#cat-list li a
	{
		-moz-border-radius-bottomright: 0 !important;
	}

	ul#cat-list > li:last-child
	{
		-moz-border-radius-bottomright: 8px !important;
	}

	ul#cat-list li
	{
		margin: 0 !important;
		border-left: none !important;
		border-right: 1px solid #000 !important;
		border-bottom: none !important;
		min-height: 34px !important;
	}

	/* Categories element (block-displayed link) */
	ul#cat-list > li > a
	{
		background-color: #31373C !important;
		background-image: url('http://quantumsearcher.net/designs/addons_tech/ctg_back.png') !important;
		background-repeat: repeat-x !important;
		background-position: top left !important;
		color: #5C798D !important;
		min-height: 34px !important;
		-moz-border-radius-bottomright: inherit !important;
	}

	ul#cat-list > li > a:hover
	{
		background-color: #5D6871 !important;
		background-image: url('http://quantumsearcher.net/designs/addons_tech/ctg_back_h.png') !important;
		background-repeat: repeat-x !important;
		background-position: top left !important;
		color: #14FF80 !important;
	}

	/* Special rules for categories list on single add-on summary page. Opened by JavaScript */
	ul#cat-list.visible
	{
		border: 1px solid #808080 !important;
		left: -1px !important;
		opacity: 0.95 !important;
	}

	ul#cat-list.visible li
	{
		border-right: none !important;
	}

	ul#cat-list.visible li a
	{
		margin-right: -1px !important;
	}

	ul#cat-list.visible > li:last-child
	{
		-moz-border-radius-bottomright: 3px !important;
	}

	/* Categories block */
	div#categories
	{
		background-image: none !important;
		background-color: inherit !important;
		border: 1px solid #808080 !important;
		padding-left: 5px !important;
		padding-right: 3px !important;
		-moz-border-radius-topleft: 8px !important;
		-moz-border-radius-topright: 0 !important;
		-moz-border-radius-bottomleft: 0 !important;
		-moz-border-radius-bottomright: 8px !important;
	}

	div#categories h3
	{
		background-image: none !important;
		background-color: inherit !important;
		border: none !important;
	}

	div#categories h3 span
	{
		text-align: center !important;
		font-weight: bold !important;
		background: none !important;
		border: none !important;
		color: #6EECB7 !important;
		margin-left: -22px !important;
		margin-right: -2px !important;
	}

	div#categories p
	{
		background-color: #31373C !important;
		background-image: url('http://quantumsearcher.net/designs/addons_tech/ctg_back.png') !important;
		background-repeat: repeat-x !important;
		background-position: top left !important;
		min-height: 34px !important;
		border-top: none !important;
		margin-bottom: -1px !important;
		margin-right: 0 !important;
	}

	div#categories p, div#categores p > a
	{
		-moz-border-radius-bottomright: 8px !important;
	}

	div#categories p > a
	{
		background: none transparent !important;
		color: #5C798D !important;
	}

	div#categories p > a:hover
	{
		background: none transparent !important;
		color: #14FF80 !important;
	}

	/* Add-on author */
	h5.author, h5.author *
	{
		font-style: italic !important;
	}

	/* "I am looking for..." box */
	div.pitch
	{
		background-image: url('http://quantumsearcher.net/designs/addons_tech/addon-tr-small.png') !important;
		background-repeat: repeat-x !important;
		background-position: top right !important;
		background-color: #000 !important;
		border: 1px solid #808080 !important;
		-moz-border-radius-topleft: 8px !important;
		-moz-border-radius-topright: 0 !important;
		-moz-border-radius-bottomleft: 0 !important;
		-moz-border-radius-bottomright: 8px !important;
	}

	div.pitch > h3
	{
		font-style: italic !important;
	}

	/* Enlarge default size for single-line text fields. Good for long e-mail addresses. */
	form.amo-form input[type=text], form.amo-form input[type=password]
	{
		width: 180px !important;
	}

	form.amo-form div:last-child
	{
		height: 30px !important;
	}

	/* This method allow a correct "button push" visual effect. */
	form.amo-form input[type=submit], form.amo-form div:last-child input[type=submit]
	{
		-moz-appearance: none !important; /* Unlock background modifiers. Avoid us a dirty res/forms.css hack. */
		height: 30px !important;
		font-size: 10pt !important;
		background-color: transparent !important;
		border: none !important;
		color: #CCC !important;
		width: 120px !important; /* This SHOULD fit for every "submit" text. */
		background-image: url('http://quantumsearcher.net/designs/addons_tech/button/green/full120.png') !important;
		background-repeat: no-repeat !important;
		background-position: top right !important;
	}

	form.amo-form div:last-child input[type=submit]:hover,
	form.amo-form div:last-child input[type=submit]:focus,
	form.amo-form input[type=submit]:hover,
	form.amo-form input[type=submit]:focus
	{
		color: #FFF !important;
	}

	/* Error panel */
	div.error-notice h1, div.error-notice h3
	{
		color: #91523C !important;
	}

	div.error-notice
	{
		background-image: url('http://quantumsearcher.net/designs/addons_tech/addon-tr-exp.png') !important;
		background-repeat: repeat-x !important;
		background-position: top right !important;
		background-color: transparent !important;
		border: 1px solid #808080 !important;
		-moz-border-radius-topleft: 8px !important;
		-moz-border-radius-topright: 0 !important;
		-moz-border-radius-bottomleft: 0 !important;
		-moz-border-radius-bottomright: 8px !important;
		color: #CCC !important;
	}

	/* Other applications */
	div#other-apps
	{
		background-repeat: repeat-x !important;
		background-position: top left !important;
		opacity: 0.85 !important;
	}

	/* Closed state */
	div#other-apps[class~=collapsed]
	{
		background-color: #023 !important;
		border: 1px solid #7FAAFF !important;
		-moz-border-radius: 8px !important;
		background-image: none !important;
	}

	/* Closed state, hover/focus */
	div#other-apps[class~=collapsed]:hover, div#other-apps[class~=collapsed]:focus
	{
		border: 1px solid #9BF !important;
		-moz-border-radius: 8px !important;
	}

	/* Opened state, all */
	div#other-apps:not([class~=collapsed]), div#other-apps:not([class~=collapsed]):hover, div#other-apps:not([class~=collapsed]):focus
	{
		background-color: #000 !important;
		background-image: url('http://quantumsearcher.net/designs/addons_tech/addon-tr-small.png') !important;
		background-repeat: repeat-x !important;
		border: 1px solid #9BF !important;
		-moz-border-radius-topleft: 8px !important;
		-moz-border-radius-topright: 0 !important;
		-moz-border-radius-bottomleft: 0 !important;
		-moz-border-radius-bottomright: 8px !important;
	}

	#other-apps.js h3
	{
		background-color: transparent !important;
		color: #6EA7AF !important;
	}

	#other-apps.js h3:hover
	{
		background-color: transparent !important;
		color: #5FC8D7 !important;
	}

	.html-ltr #other-apps.js h3
	{
		background: transparent url('http://quantumsearcher.net/designs/addons_tech/otherapps_open.png') 6px 50% no-repeat !important;
	}

	.html-rtl #other-apps.js h3
	{
		background: transparent url('http://quantumsearcher.net/designs/addons_tech/otherapps_open.png') 15% 50% no-repeat !important;
	}

	.html-ltr #other-apps.collapsed h3, .html-rtl #other-apps.collapsed h3, #other-apps.collapsed h3
	{
		border-bottom: 0 !important;
		background-image: url('http://quantumsearcher.net/designs/addons_tech/otherapps_closed.png') !important;
	}

	/* Seamonkey, original icon, better quality, no white matte */
	.html-ltr #other-apps.js #nav-apps #app-seamonkey a
	{
		background: url('http://quantumsearcher.net/designs/addons_tech/apps/seamonkey_32x32.png') 1% 50% no-repeat !important;
	}
	.html-rtl #other-apps.js #nav-apps #app-seamonkey a
	{
		background: url('http://quantumsearcher.net/designs/addons_tech/apps/seamonkey_32x32.png') 90% 50% no-repeat !important;
	}

	.html-ltr #other-apps.js #nav-apps #app-seamonkey a:hover
	{
		background: url('http://quantumsearcher.net/designs/addons_tech/apps/seamonkey_32x32_l.png') 1% 50% no-repeat !important;
	}
	.html-rtl #other-apps.js #nav-apps #app-seamonkey a:hover
	{
		background: url('http://quantumsearcher.net/designs/addons_tech/apps/seamonkey_32x32_l.png') 90% 50% no-repeat !important;
	}

	/* Sunbird, quite the original */
	.html-ltr #other-apps.js #nav-apps #app-sunbird a
	{
		background: url('http://quantumsearcher.net/designs/addons_tech/apps/Sunbird_by_deveye.png') 1% 50% no-repeat !important;
	}
	.html-rtl #other-apps.js #nav-apps #app-sunbird a
	{
		background: url('http://quantumsearcher.net/designs/addons_tech/apps/Sunbird_by_deveye.png') 90% 50% no-repeat !important;
	}

	.html-ltr #other-apps.js #nav-apps #app-sunbird a:hover
	{
		background: url('http://quantumsearcher.net/designs/addons_tech/apps/Sunbird_by_deveye_l.png') 1% 50% no-repeat !important;
	}
	.html-rtl #other-apps.js #nav-apps #app-sunbird a:hover
	{
		background: url('http://quantumsearcher.net/designs/addons_tech/apps/Sunbird_by_deveye_l.png') 90% 50% no-repeat !important;
	}

	/* Thunderbird, unofficial icon */
	.html-ltr #other-apps.js #nav-apps #app-thunderbird a
	{
		background: url('http://quantumsearcher.net/designs/addons_tech/apps/thunderBIRD2005_icon_png.png') 1% 50% no-repeat !important;
	}
	.html-rtl #other-apps.js #nav-apps #app-thunderbird a
	{
		background: url("http://quantumsearcher.net/designs/addons_tech/apps/thunderBIRD2005_icon_png.png") 90% 50% no-repeat !important;
	}

	.html-ltr #other-apps.js #nav-apps #app-thunderbird a:hover
	{
		background: url('http://quantumsearcher.net/designs/addons_tech/apps/thunderBIRD2005_icon_png_l.png') 1% 50% no-repeat !important;
	}
	.html-rtl #other-apps.js #nav-apps #app-thunderbird a:hover
	{
		background: url("http://quantumsearcher.net/designs/addons_tech/apps/thunderBIRD2005_icon_png_l.png") 90% 50% no-repeat !important;
	}

	/* Firefox (black version) */
	.html-ltr #other-apps.js #nav-apps #app-firefox a
	{
		background: url('http://quantumsearcher.net/designs/addons_tech/apps/firefox01_04.png') 1% 50% no-repeat !important;
	}
	.html-rtl #other-apps.js #nav-apps #app-firefox a
	{
		background: url('http://quantumsearcher.net/designs/addons_tech/apps/firefox01_04.png') 90% 50% no-repeat !important;
	}

	.html-ltr #other-apps.js #nav-apps #app-firefox a:hover
	{
		background: url('http://quantumsearcher.net/designs/addons_tech/apps/firefox01_04_l.png') 1% 50% no-repeat !important;
	}
	.html-rtl #other-apps.js #nav-apps #app-firefox a:hover
	{
		background: url('http://quantumsearcher.net/designs/addons_tech/apps/firefox01_04_l.png') 90% 50% no-repeat !important;
	}

	#other-apps.js #nav-apps a
	{
		background-color: transparent !important;

		border-width: 4px !important;
		border-style: solid !important;

		-moz-border-radius-topleft: 6px !important;
		-moz-border-radius-topright: 6px !important;
		-moz-border-radius-bottomleft: 6px !important;
		-moz-border-radius-bottomright: 6px !important;

		-moz-border-bottom-colors: transparent transparent transparent transparent !important;
		-moz-border-left-colors: transparent transparent transparent transparent !important;
		-moz-border-right-colors: transparent transparent transparent transparent !important;
		-moz-border-top-colors: transparent transparent transparent transparent !important;
	}

	#other-apps.js #nav-apps a:hover
	{
		background-color: #1A2B36 !important;
		-moz-border-bottom-colors: #1B2227 #435460 #6A8699 #86A8BF !important;
		-moz-border-left-colors: #1B2227 #435460 #6A8699 #86A8BF !important;
		-moz-border-right-colors: #1B2227 #435460 #6A8699 #86A8BF !important;
		-moz-border-top-colors: #1B2227 #435460 #6A8699 #86A8BF !important;
	}

	/* Search add-ons */
	form#search-form
	{
		background: url('http://quantumsearcher.net/designs/addons_tech/rc_br.png') bottom right no-repeat !important;
		border: 7px solid #00C659 !important;
		width: 78% !important;
		/* Linear gradient green -> black (external effect like a glow) */
		-moz-border-bottom-colors: #001208 #002C14 #004B22 #006C30 #008D3F #00AC4D #00C659 !important; /* Colors: external to internal */
		-moz-border-left-colors: #001208 #002C14 #004B22 #006C30 #008D3F #00AC4D #00C659 !important;
		-moz-border-right-colors: #001208 #002C14 #004B22 #006C30 #008D3F #00AC4D #00C659 !important;
		-moz-border-top-colors: #001208 #002C14 #004B22 #006C30 #008D3F #00AC4D #00C659 !important;
	}

	form#search-form > fieldset > label
	{
		color: #CCC !important;
	}

	form#search-form fieldset:first-child
	{
		background: url('http://quantumsearcher.net/designs/addons_tech/rc_tl.png') top left no-repeat !important;
	}

	form#search-form fieldset
	{
		background-color: transparent !important;
	}

	fieldset#advanced-search
	{
		border-top-width: 8px !important;
		border-top-style: solid !important;
		-moz-border-top-colors: #001208 #004B22 #008D3F #00C659 #008D3F #004B22 #001208 !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	input#my-submit
	{
		position: absolute !important;
		margin-top: -2px !important;
		overflow: visible !important;
		margin-left: -1px !important;
	}

	#search-query label
	{
		color: #CCC !important;
		font-size: 10pt !important;
		top: 27px !important;
		padding-left: 34px !important;
	}

	/* Toggle for advanced search */

	.html-ltr #advanced-search-toggle a.asclosed
	{
		background: url("http://quantumsearcher.net/designs/addons_tech/otherapps_open.png") right center no-repeat !important;
	}

	.html-ltr #advanced-search-toggle a.asopen
	{
		background: url("http://quantumsearcher.net/designs/addons_tech/collapse.png") right center no-repeat !important;
	}

	.html-rtl #advanced-search-toggle a.asclosed
	{
		background: url("http://quantumsearcher.net/designs/addons_tech/otherapps_open.png") left center no-repeat !important;
	}

	.html-rtl #advanced-search-toggle a.asopen
	{
		background: url("http://quantumsearcher.net/designs/addons_tech/collapse.png") left center no-repeat !important;
	}

	/* New search button (fixed for Firefox 2) */

	.html-ltr #search-form #my-submit
	{
		background: url("http://quantumsearcher.net/designs/addons_tech/button/green/search_button2.png") 0 0 no-repeat !important;
	}

	.html-ltr #search-form #my-submit:hover
	{
		background: url("http://quantumsearcher.net/designs/addons_tech/button/green/search_button2.png") -38px 0 no-repeat !important;
	}


	/* (offsets not sure for this one) */
	.html-rtl #search-form #my-submit
	{
		background: url("http://quantumsearcher.net/designs/addons_tech/button/green/search_button2.png") -37px 0 no-repeat !important;
	}

	.html-rtl #search-form #my-submit:hover
	{
		background: url("http://quantumsearcher.net/designs/addons_tech/button/green/search_button2.png") 1px 0 no-repeat !important;
	}


	/* Developer tools */
	div#summary
	{
		color: #DDD !important;
	}

	/* Add-on page */
	div#addon-summary, div#addon-info
	{
		background-repeat: no-repeat !important;
		background-position: top right !important;
		background-color: transparent !important;
		border: 1px solid #808080 !important;
		-moz-border-radius-topleft: 8px !important;
		-moz-border-radius-topright: 0 !important;
		-moz-border-radius-bottomleft: 0 !important;
		-moz-border-radius-bottomright: 8px !important;
	}

	div#addon-summary[class~=exp]
	{
		background-image: url('http://quantumsearcher.net/designs/addons_tech/addon-tr-exp.png') !important;
	}

	div#addon-summary:not([class~=exp]), div#addon-info
	{
		background-image: url('http://quantumsearcher.net/designs/addons_tech/addon-tr.png') !important;
	}

	div#addon-summary > p.preview-img, ul#addon-listing > li div.irk p.preview-img
	{
		background: none !important;
	}

	form#addons-author-addons > select#addons-author-addons-select
	{
		margin-left: -20px !important;
	}

	p#review-submit > input[disabled="disabled"]
	{
		display: none !important;
	}

	/* Addon-stats may be written off the box, we just widen the stats paragraph to fix this */
	#addon-summary .stats
	{
		width: 96% !important;
		left: 2px !important;
	}

	.updated
	{
		font-style: italic !important;
	}

	/* Add-on search results */
	ul.addon-reviews li
	{
		background-color: transparent !important;
		color: #CCC !important;
		border: 1px solid #808080 !important;
		-moz-border-radius-topleft: 8px !important;
		-moz-border-radius-topright: 0 !important;
		-moz-border-radius-bottomleft: 0 !important;
		-moz-border-radius-bottomright: 8px !important;
	}

	ul#addon-listing > li
	{
		background-repeat: repeat-x !important;
		background-position: top right !important;
		background-color: transparent !important;
		border: 1px solid #808080 !important;
		-moz-border-radius-topleft: 8px !important;
		-moz-border-radius-topright: 0 !important;
		-moz-border-radius-bottomleft: 0 !important;
		-moz-border-radius-bottomright: 8px !important;
	}

	/* Public */
	ul#addon-listing > li:not([class~=exp])
	{
		background-image: url('http://quantumsearcher.net/designs/addons_tech/addon-tr.png') !important;
	}

	/* Experimental */
	ul#addon-listing > li[class~=exp]
	{
		background-image: url('http://quantumsearcher.net/designs/addons_tech/addon-tr-exp.png') !important;
	}

	ul#addon-listing > li[class~=exp] h3.name a:link, ul#addon-listing > li[class~=exp] h3.name a:visited,
	div#feature1[class~=exp] h4.name a:link, div#feature2[class~=exp] h4.name a:link, div#feature3[class~=exp] h4.name a:link, div#feature4[class~=exp] h4.name a:link, div#feature5[class~=exp] h4.name a:link,
	div#feature1[class~=exp] h4.name a:visited, div#feature2[class~=exp] h4.name a:visited, div#feature3[class~=exp] h4.name a:visited, div#feature4[class~=exp] h4.name a:visited, div#feature5[class~=exp] h4.name a:visited
	{
		color: #8A6255 !important;
	}

	ul#addon-summary > li[class~=exp] h3.name a:hover,
	div#addon-summary[class~=exp] h3.name,
	div#feature1[class~=exp] h4.name a:hover, div#feature2[class~=exp] h4.name a:hover, div#feature3[class~=exp] h4.name a:hover, div#feature4[class~=exp] h4.name a:hover, div#feature5[class~=exp] h4.name a:hover
	{
		color: #91523C !important;
		/*color: #AE3A2B !important;*/
	}

	div#addon-summary[class~=exp] h4.author,
	ul#addon-listing > li[class~=exp] h4.author,
	div#feature1[class~=exp] h5.author, div#feature2[class~=exp] h5.author, div#feature3[class~=exp] h5.author, div#feature4[class~=exp] h5.author, div#feature5[class~=exp] h5.author
	{
		color: #6E4E44 !important;
	}

	div#addon-summary[class~=exp] h4.author a.profileLink,
	ul#addon-listing > li[class~=exp] h4.author a.profileLink,
	div#addon-summary[class~=exp] ul.addon-cats > li > a,
	ul#addon-listing > li[class~=exp] ul.addon-cats > li > a,
	div#addon-summary[class~=exp] p.rating a,
	ul#addon-listing > li[class~=exp] p.rating a,
	div#feature1[class~=exp] h5.author a, div#feature2[class~=exp] h5.author a, div#feature3[class~=exp] h5.author a, div#feature4[class~=exp] h5.author a, div#feature5[class~=exp] h5.author a,
	div#feature1[class~=exp] p.rating a, div#feature2[class~=exp] p.rating a, div#feature3[class~=exp] p.rating a, div#feature4[class~=exp] p.rating a, div#feature5[class~=exp] p.rating a,
	div#feature1[class~=exp] p.learn-more a, div#feature2[class~=exp] p.learn-more a, div#feature3[class~=exp] p.learn-more a, div#feature4[class~=exp] p.learn-more a, div#feature5[class~=exp] p.learn-more a
	{
		color: #9A523C !important;
	}

	div#addon-summary[class~=exp] h4.author a.profileLink:hover,
	ul#addon-listing > li[class~=exp] h4.author a.profileLink:hover,
	div#addon-summary[class~=exp] ul.addon-cats > li > a:hover,
	ul#addon-listing > li[class~=exp] ul.addon-cats > li > a:hover,
	div#addon-summary[class~=exp] p.rating a:hover,
	ul#addon-listing > li[class~=exp] p.rating a:hover,
	div#feature1[class~=exp] h5.author a:hover, div#feature2[class~=exp] h5.author a:hover, div#feature3[class~=exp] h5.author a:hover, div#feature4[class~=exp] h5.author a:hover, div#feature5[class~=exp] h5.author a:hover,
	div#feature1[class~=exp] p.rating a:hover, div#feature2[class~=exp] p.rating a:hover, div#feature3[class~=exp] p.rating a:hover, div#feature4[class~=exp] p.rating a:hover, div#feature5[class~=exp] p.rating a:hover,
	div#feature1[class~=exp] p.learn-more a:hover, div#feature2[class~=exp] p.learn-more a:hover, div#feature3[class~=exp] p.learn-more a:hover, div#feature4[class~=exp] p.learn-more a:hover, div#feature5[class~=exp] p.learn-more a:hover
	{
		color: #AE3A2B !important;
	}


	/* Bottom pages list */
	div.pagination
	{
		/*
		background-image: url('http://quantumsearcher.net/designs/addons_tech/addon-tr.png') !important;
		background-repeat: no-repeat !important;
		background-position: top right !important;
		*/
		color: #CCC !important;
		background-color: transparent !important;
		border: 1px solid #808080 !important;
		-moz-border-radius-topleft: 8px !important;
		-moz-border-radius-topright: 0 !important;
		-moz-border-radius-bottomleft: 0 !important;
		-moz-border-radius-bottomright: 8px !important;
	}

	/* Page numbers */
	.pages a
	{
		-moz-border-radius: 4px !important;
		border: none !important;
	}

	.pages a:hover
	{
		background-color: #013 !important;
		border-color: transparent !important;
	}

	/* Current page */
	.pages .current strong
	{
		-moz-border-radius: 4px !important;
		background-color: #025 !important;
		border: none !important;
	}

	/* Previous page */
	.pages .prev a
	{
		background: transparent url('http://quantumsearcher.net/designs/addons_tech/arrow_left.png') 0 50% no-repeat !important;
		padding-left: 17px !important;
	}

	/* Next page */
	.pages .next a
	{
		background: transparent url('http://quantumsearcher.net/designs/addons_tech/arrow_right.png') 100% 50% no-repeat !important;
		padding-right: 17px !important;
	}

	/* "n matching add-on(s)" */
	div.pagination p.count
	{
		font-style: italic !important;
	}

	/* Advanced details */
	div#addon-advanced
	{
		background-repeat: repeat-x !important;
		background-position: top right !important;
		background-color: transparent !important;
		background-image: url('http://quantumsearcher.net/designs/addons_tech/addon-tr-small.png') !important;
		border: 1px solid #808080 !important;
		-moz-border-radius-topleft: 8px !important;
		-moz-border-radius-topright: 0 !important;
		-moz-border-radius-bottomleft: 0 !important;
		-moz-border-radius-bottomright: 8px !important;
	}

	div#addon-advanced h4
	{
		color: #7B91BB !important;
	}

	div#addon-advanced h5
	{
		border-top: 1px solid #808080 !important;
		color: #7B91BB !important;
	}

	div#addon-advanced p a
	{
		padding-left: 4px !important;
	}

	#addon-advanced .expand-control a
	{
		background: transparent url('http://quantumsearcher.net/designs/addons_tech/icon_collapse.png') 100% 3px no-repeat !important;
	}

	#addon-advanced.collapsed .expand-control a
	{
		background: transparent url('http://quantumsearcher.net/designs/addons_tech/icon_expand.png') 100% 3px no-repeat !important;
	}

	#addon-advanced .expand-control a:hover
	{
		background-position: 100% -97px !important;
	}



	/* Recommanded addons (browsing "View more from ...")*/
	div#recommended, div.more-addons
	{
		background-image: url('http://quantumsearcher.net/designs/addons_tech/addon-tr.png') !important;
		background-repeat: repeat-x !important;
		background-position: top right !important;
		background-color: transparent !important;
		border: 1px solid #808080 !important;
		-moz-border-radius-topleft: 8px !important;
		-moz-border-radius-topright: 0 !important;
		-moz-border-radius-bottomleft: 0 !important;
		-moz-border-radius-bottomright: 8px !important;
	}

	div#recommended div#feature1:not([class~=exp]) h4.name a, div#recommended div#feature2:not([class~=exp]) h4.name a
	{
		color: #2B81BF !important;
	}

	div#recommended div#feature1:not([class~=exp]) h4.name a:hover, div#recommended div#feature2:not([class~=exp]) h4.name a:hover
	{
		color: #4C9CD6 !important;
	}

	div#recommended div#feature1[class~=exp] h4.name a, div#recommended div#feature2[class~=exp] h4.name a
	{
		color: #AE3A2B !important;
	}

	div#recommended div#feature1[class~=exp] h4.name a:hover, div#recommended div#feature2[class~=exp] h4.name a:hover
	{
		color: #CF503F !important;
	}

	div#recommended div#feature1:not([class~=exp]) h5.author, div#recommended div#feature2:not([class~=exp]) h5.author
	{
		color: #375899 !important;
	}

	div#recommended div#feature1[class~=exp] h5.author, div#recommended div#feature2[class~=exp] h5.author
	{
		color: #985742 !important;
	}


	/* Tricky way to put a condition such as "if child img is 'not found' img" then ...".
	- When not found, avoid wasting vertical space, description partly overlap image.
	- Else: Height adapt to content, with a minimum of 146px.
	*/
	p.preview-img
	{
		min-width: 200px !important;
		min-height: 146px !important;
		margin-left: -5px !important;
		overflow: visible !important;
	}

	/* 'No preview' image */
	img[src$="/img/no-preview.png"]
	{
		width: 0 !important;
		height: 183px !important;
		background-image: url('http://quantumsearcher.net/designs/addons_tech/package_big.png') !important;
		background-repeat: no-repeat !important;
		background-position: top left !important;
		padding-left: 200px !important;
	}

	/* "Experimental"/"Recommanded" flag - add 'pre-selector' */
	.flag
	{
		background-image: url('http://quantumsearcher.net/designs/addons_tech/flag_exp_bg.png') !important;
		background-repeat: repeat-x !important;
		background-position: top left !important;
		background-color: #272D32 !important;
		border-width: 1px !important;
		border-style: solid !important;
		border-color: transparent #808080 #808080 #808080 !important;
		color: #C30 !important;
		-moz-border-radius-topleft: 8px !important;
		-moz-border-radius-topright: 0 !important;
		-moz-border-radius-bottomleft: 0 !important;
		-moz-border-radius-bottomright: 8px !important;
	}

	form#form-review
	{
		background-image: url('http://quantumsearcher.net/designs/addons_tech/addon-tr.png') !important;
		background-repeat: repeat-x !important;
		background-position: top right !important;
		background-color: transparent !important;
		border: 1px solid #808080 !important;
		-moz-border-radius-topleft: 8px !important;
		-moz-border-radius-topright: 0 !important;
		-moz-border-radius-bottomleft: 0 !important;
		-moz-border-radius-bottomright: 8px !important;
		color: #CCC !important;
	}

	form#form-review fieldset#rate-it h4
	{
		color: #7B91AA !important;
	}

	form#form-review p.login a
	{
		color: #2B81BF !important;
	}

	form#form-review p.login a:hover
	{
		color: #8EA7D8 !important;
	}

	.html-ltr #addon-info h3.version-link a.view,
	.html-ltr .more-addons h3 a.view
	{
		background-image: url('http://quantumsearcher.net/designs/addons_tech/arrow_right.png') !important;
	}

	.html-rtl #addon-info h3.version-link a.view,
	.html-rtl .more-addons h3 a.view
	{
		background-image: url('http://quantumsearcher.net/designs/addons_tech/arrow_left.png') !important;
	}

	#addon-info h3.version-link a.view,
	#addon-info h3.version-link a.view:hover,
	.more-addons h3 a.view,
	.more-addons h3 a.view:hover
	{
		background-position: 100% 4px !important;
	}

	div.install-container > div.install,
	.exp-loggedout
	{
		background-image: none !important;
		background-color: transparent !important;
		border: 1px solid #808080 !important;
		-moz-border-radius: 8px !important;
		color: #CCC !important;
	}

	/* Install button - reset */

	/* In listings - general add-ons */
	.install-button a span,
	.install-button a span span,
	.install-button a span span span,
	.install-button a span span span strong
	{
		background-image: none !important;
	}

	/* In listings - experimental add-ons */
	.exp .install-button a span,
	.exp .install-button a span span,
	.exp .install-button a span span span,
	.exp .install-button a span span span strong
	{
		background-image: none !important;
	}

	/* In listings - recommended add-ons */
	#addon-listing .rec .install-button a span,
	#addon-listing .rec .install-button a span span,
	#addon-listing .rec .install-button a span span span,
	#addon-listing .rec .install-button a span span span strong
	{
		background-image: none !important;
	}

	/* Experimental add-ons - while logged out */

	#content-main .exp-loggedout .install-button a span,
	#content-main .exp-loggedout .install-button a span span,
	#content-main .exp-loggedout .install-button a span span span,
	#content-main .exp-loggedout .install-button a span span span strong
	{
		background-image: none !important;
	}

	/* Install button - customized */

	/* In listings - general add-ons */
	div.install-container > p > a > span
	{
		background-image: url('http://quantumsearcher.net/designs/addons_tech/arrow_down.png') !important;
		background-repeat: no-repeat !important;
		background-position: 90% 40% !important;
		background-color: transparent !important;
		-moz-border-radius: 6px !important; /* This is to avoid span to "munch" the border of its parent. */
	}

	div.install-container > p > a:hover > span
	{
		background-image: url('http://quantumsearcher.net/designs/addons_tech/arrow_down_l.png') !important;
	}


	/* Install button, backgrounds */

	/* General settings */

	.install-button > a,
	#content-main .install-container .not-avail
	{
		border: 1px solid #808080 !important;
		background: transparent url('http://quantumsearcher.net/designs/addons_tech/button/dl_special/normal.png') repeat-x center center !important;
		-moz-border-radius: 6px !important;
	}

	.install-button > a:hover
	{
		background: #222629 url('http://quantumsearcher.net/designs/addons_tech/button/dl_special/active.png') no-repeat center bottom !important;
	}

	/* Experimental add-ons */

	/* "This add-on is for an older version of Firefox." */
	.exp-loggedout
	{
		background-color: transparent !important;
	}

	.exp-loggedout a,
	.exp a
	{
		color: #BF382C !important;
	}

	.exp-loggedout a:hover,
	.exp a:hover
	{
		color: #D9958F !important;
	}

	.exp-loggedout .install-button > a:hover,
	.exp .install-button > a:hover
	{
		background: transparent url('http://quantumsearcher.net/designs/addons_tech/button/dl_special/active_exp.png') no-repeat center bottom !important;
	}

	/* Rating stars */

	img[src$="/ratings/5stars.png"]
	{
		width: 0 !important;
		height: 12px !important;
		background-image: url('http://quantumsearcher.net/designs/addons_tech/ratings/star5.png') !important;
		background-repeat: no-repeat !important;
		background-position: top left !important;
		padding-left: 68px !important;
	}

	img[src$="/ratings/4stars.png"]
	{
		width: 0 !important;
		height: 12px !important;
		background-image: url('http://quantumsearcher.net/designs/addons_tech/ratings/star4.png') !important;
		background-repeat: no-repeat !important;
		background-position: top left !important;
		padding-left: 68px !important;
	}

	img[src$="/ratings/3stars.png"]
	{
		width: 0 !important;
		height: 12px !important;
		background-image: url('http://quantumsearcher.net/designs/addons_tech/ratings/star3.png') !important;
		background-repeat: no-repeat !important;
		background-position: top left !important;
		padding-left: 68px !important;
	}

	img[src$="/ratings/2stars.png"]
	{
		width: 0 !important;
		height: 12px !important;
		background-image: url('http://quantumsearcher.net/designs/addons_tech/ratings/star2.png') !important;
		background-repeat: no-repeat !important;
		background-position: top left !important;
		padding-left: 68px !important;
	}

	img[src$="/ratings/1stars.png"]
	{
		width: 0 !important;
		height: 12px !important;
		background-image: url('http://quantumsearcher.net/designs/addons_tech/ratings/star1.png') !important;
		background-repeat: no-repeat !important;
		background-position: top left !important;
		padding-left: 68px !important;
	}

	/* Rating stars (in rating form) */
	.stars .cancel a,
	.stars .star a
	{
		background-image: url('http://quantumsearcher.net/designs/addons_tech/ratings/ratings_images.png') !important;
	}

	/* Statistics dashboard */

	/* Bottom lines. These are not needed since the rounded corners are self-generated.
	This means: We don't care if it is compatible with IE or not.
	*/
	div.greenbox-br, div.bluebox-br
	{
		display: none !important;
	}

	div.bluebox-tl, div.bluebox-tr,
	div.greenbox-tr, div.greenbox-tl
	{
		background-image: none !important;
	}

	div#summary-legend
	{
		border: 2px solid #808080 !important;
		-moz-border-radius-topleft: 8px !important;
		-moz-border-radius-topright: 8px !important;
		-moz-border-radius-bottomleft: 8px !important;
		-moz-border-radius-bottomright: 8px !important;
	}

	/* Stats graph: main menu */
	div#plot-selector
	{
		border: 2px solid #808080 !important;
	}

	/* Menu closed */
	div#plot-selector:not([class~=menu-open])
	{
		-moz-border-radius-topleft: 8px !important;
		-moz-border-radius-topright: 8px !important;
		-moz-border-radius-bottomleft: 8px !important;
		-moz-border-radius-bottomright: 8px !important;
	}

	/* Menu opened */
	div#plot-selector[class~=menu-open]
	{
		-moz-border-radius-topleft: 8px !important;
		-moz-border-radius-topright: 8px !important;
		-moz-border-radius-bottomleft: 0 !important;
		-moz-border-radius-bottomright: 0 !important;
	}

	/* Menu list (1st level) */
	div#plot-selector > ul#plot-selector_plotselectionmenu
	{
		border: 2px solid #808080 !important;
		-moz-border-radius-topleft: 0 !important;
		-moz-border-radius-topright: 0 !important;
		-moz-border-radius-bottomleft: 8px !important;
		-moz-border-radius-bottomright: 8px !important;
	}

	div#plot-selector, div#plot-selector ul, div#plot-selector ul li,
	ul#options_options,
	div.plot-dropdown ul
	{
		background-color: #001 !important;
	}

	div#plot-selector > a,
	div#plot-selection a
	{
		color: #2B81BF !important;
	}

	div#plot-selector > a:hover,
	div#plot-selection a:hover
	{
		color: #4C9CD6 !important;
	}

	table#stats_overview div.date
	{
		font-style: italic !important;
	}

	div.bluebox-tr
	{
		background-image: url('http://quantumsearcher.net/designs/addons_tech/addon-tr.png') !important;
		background-repeat: repeat-x !important;
		background-position: top right !important;
		background-color: transparent !important;
		border: 1px solid #808080 !important;
		-moz-border-radius-topleft: 8px !important;
		-moz-border-radius-topright: 0 !important;
		-moz-border-radius-bottomleft: 0 !important;
		-moz-border-radius-bottomright: 8px !important;
		padding: 8px !important;
	}

	/* Vertical alignment problem between color labels and legend texts */
	div.plot-name
	{
		margin-top: 0 !important;
	}

	/* RSS link (parent cell) in statistics dashboard */
	table#stats_overview td:last-child
	{
		overflow: visible !important;
	}

	/* RSS link (link) in statistics dashboard */
	table#stats_overview td:last-child a:last-child
	{
		overflow: visible !important;
	}

	/* RSS link (icon) */
	img[src$="/img/stats/rss16x16.png"]
	{
		width: 0 !important;
		height: 28px !important;
		overflow: visible !important;
		background-image: url('http://quantumsearcher.net/designs/addons_tech/rss16.png') !important;
		background-repeat: no-repeat !important;
		background-position: top left !important;
		padding-left: 16px !important;
	}

	/* Summary options (zoom in / zoom out) */
	div#summary-options
	{
		background-color: transparent !important;
		border: 2px solid #808080 !important;
	}

	div#summary-options *
	{
		background-color: transparent !important;
	}

	/* Current value on graph (plotted by mouse) */
	div.timeplot-valueflag, div.timeplot-timeflag
	{
		color: #307 !important;
	}

	div.timeplot-timeflag
	{
		-moz-border-radius: 3px !important;
	}

	/* "Loading" image */
	img[src$="/js/simile/timeplot/images/progress-running.gif"]
	{
		/* GIF modifications: changed counter-clockwise rotation to clockwise */
		width: 0 !important;
		height: 16px !important;
		background-image: url('http://quantumsearcher.net/designs/addons_tech/loading.gif') !important;
		background-repeat: no-repeat !important;
		background-position: top left !important;
		padding-left: 16px !important;
	}

	/* Options for graph when not in summary display */
	img[src$="/img/stats/cog.png"]
	{
		/*
		width: 0 !important;
		height: 16px !important;
		background-image: url('http://quantumsearcher.net/designs/addons_tech/advanced.png') !important;
		background-repeat: no-repeat !important;
		background-position: top left !important;
		padding-left: 16px !important;
		*/
	}

	/* "Firefox events" icon */
	.plot-dropdown.toggle ul li.events-firefox > a > div.item-toggle-icon
	{
		background: url('http://quantumsearcher.net/designs/addons_tech/firefox_small.png') center center no-repeat !important;
	}

	/* "Expand graph" icon */
	.plot-dropdown.toggle ul li.resize > a > div.item-toggle-icon
	{
		background: url('http://quantumsearcher.net/designs/addons_tech/icon_expand2.png') center center no-repeat !important;
	}

	/* "View data (CSV)" icon */
	.plot-dropdown.toggle ul li.csv > a > div.item-toggle-icon
	{
		background: url('http://quantumsearcher.net/designs/addons_tech/icon_export_csv.png') center center no-repeat !important;
	}

	/* "Add plot" icon */
	.plot-dropdown.toggle ul li.add-plot > a > div.item-toggle-icon
	{
		background: url('http://quantumsearcher.net/designs/addons_tech/highlight.png') center center no-repeat !important;
	}

	/* Statistics dashboard help */
	div#helpbox
	{
		border: 1px solid #808080 !important;
		-moz-border-radius-topleft: 8px !important;
		-moz-border-radius-topright: 0 !important;
		-moz-border-radius-bottomleft: 0 !important;
		-moz-border-radius-bottomright: 8px !important;
	}

	div#helpbox > p
	{
		padding-left: 6px !important;
	}

	div.plot-dropdown,
	div.plot-dropdown > ul
	{
		border-color: #808080 !important;
	}

	div.plot-dropdown ul li.plot-item a
	{
		padding-bottom: 1px !important;
	}

	div.plot-dropdown ul li.menu-divider
	{
		border-color: #808080 !important;
		margin-top: 3px !important;
		margin-bottom: 3px !important;
	}

	.plot-dropdown .selected
	{
		background: transparent url('http://quantumsearcher.net/designs/addons_tech/otherapps_open.png') no-repeat 98% 50% !important;
	}

	.plot-dropdown .submenu a
	{
		background: transparent url('http://quantumsearcher.net/designs/addons_tech/otherapps_closed.png') 128px 50% no-repeat !important;
	}

	div.bluebox-tl > div > div > span
	{
		color: #666 !important;
	}

	/* This	avoids hovered links (block) to overlap border. */
	ul#options_options li:last-child *,
	ul#plot-selector_plotselectionmenu li:last-child *
	{
		-moz-border-radius-bottomleft: 2px !important;
		-moz-border-radius-bottomright: 2px !important;
	}

	div#plot-selector ul li a,
	ul#options_options li a,
	div.plot-dropdown ul li a
	{
		background-color: transparent !important;
		color: #2B81BF !important;
	}

	div#plot-selector ul li a:hover,
	ul#options_options li a:hover,
	div.plot-dropdown a:hover
	{
		background-color: #3399FE !important;
		color: #FFF !important;
	}

	div.plot-dropdown ul li a:hover span
	{
		color: #FFF !important;
	}

	.plot-dropdown .colorbox.removable:hover
	{
		background: #666 url('http://quantumsearcher.net/designs/addons_tech/del.png') no-repeat top left !important;
	}

	div.plot-dropdown > ul:not([class~=level1])
	{
		-moz-border-radius-topleft: 0 !important;
	}

	/* Lock */
	img[src$="/img/stats/lock.png"]
	{
		width: 0 !important;
		height: 16px !important;
		background-image: url('http://quantumsearcher.net/designs/addons_tech/lock.png') !important;
		background-repeat: no-repeat !important;
		background-position: top left !important;
		padding-left: 16px !important;
	}

	img[src$="/img/stats/lock_open.png"]
	{
		width: 0 !important;
		height: 16px !important;
		background-image: url('http://quantumsearcher.net/designs/addons_tech/unlock.png') !important;
		background-repeat: no-repeat !important;
		background-position: top left !important;
		padding-left: 16px !important;
	}

	/* Other categories (in category listing) */
	div.more-addons ol
	{
		padding-top: 3px !important;
	}

	div.more-addons ol.browse-list > li > a
	{
		margin: 3px 0 3px 3px !important;
		background: none transparent !important;
		border: 1px solid #808080 !important;
		padding: 7px !important;
		-moz-border-radius: 4px !important;
	}

	/* Glow effect on categories links.
	This effect is keyboard-accessible.
	*/
	div.more-addons ol.browse-list > li > a:hover,
	div.more-addons ol.browse-list > li > a:focus
	{
		background: url('http://quantumsearcher.net/designs/addons_tech/bg_cat.png') center center repeat-x !important;
		border-width: 4px !important;
		-moz-border-bottom-colors: #1B2227 #435460 #6A8699 #86A8BF !important;
		-moz-border-left-colors: #1B2227 #435460 #6A8699 #86A8BF !important;
		-moz-border-right-colors: #1B2227 #435460 #6A8699 #86A8BF !important;
		-moz-border-top-colors: #1B2227 #435460 #6A8699 #86A8BF !important;
		color: #BBB !important;
		margin: 0 -3px 0 0 !important;
	}

	form#form-listcontrol
	{
		background-repeat: repeat-x !important;
		background-position: top right !important;
		background-color: transparent !important;
		background-image: url('http://quantumsearcher.net/designs/addons_tech/addon-tr-small.png') !important;
		border: 1px solid #808080 !important;
		-moz-border-radius-topleft: 8px !important;
		-moz-border-radius-topright: 0 !important;
		-moz-border-radius-bottomleft: 0 !important;
		-moz-border-radius-bottomright: 8px !important;
	}

	form#form-listcontrol ul#order-by li > button
	{
		-moz-appearance: none !important;
		background-color: transparent !important;
		border: 1px solid #808080 !important;
		-moz-border-radius: 6px !important;
		color: #CCC !important;
	}

	form#form-listcontrol ul#order-by li > button:not([class~=current])
	{
		background: transparent url('http://quantumsearcher.net/designs/addons_tech/button/dl_special/normal2.png') repeat-x center center !important;
	}

	form#form-listcontrol ul#order-by li > button:not([class~=current]):hover,
	form#form-listcontrol ul#order-by li > button:not([class~=current]):focus
	{
		background: #222629 url('http://quantumsearcher.net/designs/addons_tech/button/dl_special/active.png') no-repeat center bottom !important;
		color: #DDD !important;
	}

	form#form-listcontrol ul#order-by li > button[class~=current]
	{
		background: transparent url('http://quantumsearcher.net/designs/addons_tech/button/dl_special/active.png') repeat-x center bottom !important;
		border-color: #BBB !important;
		color: #EEE !important;
	}

	form#form-listcontrol ul#order-by li > button[class~=current]:hover,
	form#form-listcontrol ul#order-by li > button[class~=current]:focus
	{
		background: #2F3438 url('http://quantumsearcher.net/designs/addons_tech/button/dl_special/active2.png') no-repeat center bottom !important;
	}

	form#form-listcontrol > p#experimental
	{
		background: none transparent !important;
	}

	form#form-listcontrol p#experimental > label
	{
		background: transparent url('http://quantumsearcher.net/designs/addons_tech/button/dl_special/normal.png') repeat-x center center !important;
	}

	form#form-listcontrol p#experimental > label:hover,
	form#form-listcontrol p#experimental > label:focus
	{
		background: transparent url('http://quantumsearcher.net/designs/addons_tech/button/dl_special/active_exp.png') repeat-x center bottom !important;
		color: #D9958F !important;
	}
}

/* Language specific settings, add your own if necessary */

/* French */
@-moz-document 	domain("http://addons.mozilla.org/fr/"),
                domain("https://addons.mozilla.org/fr/")
{

	/* Fix vertical alignment problem between homepage url label and corresponding input
	in "User homepage" profile editing */
	input#UserHomepage
	{
		margin-top: 5px !important;
	}
}