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

/*
 * Alien Tech Firefox Add-ons Unified (embedded version)
 *
 * Author                  : Ze Thriller (green[dot]glopp[at]gmail[dot]com)
 * Updated                 : April, 21, 2009 (v1.4 embedded)
 * 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 3, Stylish in Firefox 2
 * Tested with             : Stylish 0.5.9 and: Firefox 3.0.8 (WinXP), Firefox 3.0.7 (Ubuntu Hardy), Firefox "Shiretoko" 3.5b4pre (nighlies, daily updates), Firefox 2.0.0.20 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 Villains 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 )
 *
 *								"Share this" popup background from an artwork of ~sombreroloco
 *								( http://sombreroloco.deviantart.com/art/electronic-blue-print-109295968 )
 * 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 !
 *
 * 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 you 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 !
 *
 ********************
 *
 * Full version history available at http://quantumsearcher.net/designs/addons_tech/changelog
 *
 ********************
 *
 */

@-moz-document domain("addons.mozilla.org")
{

/* Generic settings */
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;
	background-color: #335 !important;
	color: #CCC !important;
}

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

textarea
{
	-moz-appearance: none !important;
	background-color: #272D32 !important;
	background-image: url('http://quantumsearcher.net/designs/addons_tech/v1.4/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;
}

/* 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"]
{
	background-image: url('http://quantumsearcher.net/designs/addons_tech/v1.4/package_small.png') !important;
	background-repeat: no-repeat !important;
	background-position: top left !important;
	width: 0 !important;
	height: 32px !important;
	padding-left: 32px !important;
}

/* RSS subscribing */
div#sidebar > div.pitch > ul.naked > li
{
	position: relative !important;
	height: 21px !important;
}

/* Not(first-child) */
div#sidebar > div.pitch > ul.naked > li + li
{
	margin-top: 5px !important;
}

div#sidebar > div.pitch > ul.naked > li > a
{
	margin-top: -8px !important;
	height: 21px !important;
	position: relative !important;
	padding-left: 16px !important;
	margin-left: -10px !important;
}

/* Small RSS icon */
div#sidebar > div.pitch > ul.naked > li > a > img
{
	position: absolute !important;
	top: -1px !important;
	left: 11px !important;
}

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

/* Header decorations */
div#page-title
{
	background-image: url('http://quantumsearcher.net/designs/addons_tech/v1.4/header_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 add-ons, all (feature1 is the biggest one) and old versions */

div[id^="feature"],
div#secondaries > div,
div.oldversion
{
	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#secondaries > div:not([class~="featured"])
{
	width: 31% !important;
}

/* Background: blue gradiant */
div[id^="feature"]:not([class~=exp]),
div#secondaries > div:not([class~=exp]),
div#content-main ul.item_set > li[id^="feature"][class~="featured"],
form.amo-form,
div#addon-summary:not([class~=exp]),
div#addon-info,
ul#addon-listing > li:not([class~=exp]),
div#recommended,
div.more-addons,
form#form-review,
div.bluebox-tr,
div.oldversion/*,
div.pagination */
{
	background-image: url('http://quantumsearcher.net/designs/addons_tech/v1.4/blue_bg.png') !important;
}

/* Background: red gradiant. For experimental, old addons or error boxes. */
div[id^="feature"][class~=exp],
div#secondaries > div[class~=exp],
div.error-notice,
div#addon-summary[class~=exp],
ul#addon-listing > li[class~=exp]
{
	background-image: url('http://quantumsearcher.net/designs/addons_tech/v1.4/red_bg.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 (#1): Not required. */
div[id^="feature"] div.vex,
div#addon-summary div.vex,
ul#addon-listing > li div.vex,
div#secondaries > div div.vex,
div.oldversion > div.vex
{
	display: none !important;
}

/* Bottom image box border (#2): Not required. */
div[id^="feature"] div.irk,
div#secondaries > div div.irk
{
	background: none !important;
}

/* Policy page */

/* White topleft corner: not required. */
div#policy-tl
{
	display: none !important;
}

div.addon-policy-tagline > p
{
	font-style: italic !important;
}

div.addon-policy-tagline > p:after
{
	content: "." !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;
}

/* New recommanded add-ons inside slider. */

/* Remove unuseful backgrounds with IE-compliant rounded borders. */
div#slider,
div#slider > div.inner,
div#slider > div.inner > div.viewport,
div#slider > div.inner > div.controls,
div#slider > div.inner > div.controls > div.controls_inner,
div#slider > div.vex,
div#slider > div.vex > span
{
	background: none !important;
	border: none !important;
}

/* TODO: slider buttons. */

/* New recommanded add-ons */
/* TODO: handle experimental add-ons (in case of emergency only ^^ ). */
div#content-main ul.item_set > li[id^="feature"][class~="featured"]
{
	background-color: transparent !important;
	background-position: top right !important;
	background-repeat: no-repeat !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;
}

/* New recommanded add-ons (all except first)
This is a fix to avoid seeing one add-one and parts of the border of the next one. */
div#content-main ul.item_set > li[id^="feature"][class~="featured"]:not([id$="feature1"])
{
	margin-left: 20px !important;
}

/* Preview images */
div#content-main ul.item_set > li[id^="feature"][class~="featured"]:first-child > p.preview-img
{
	background: none !important;
}

/* Slider buttons */
img[src$="/img/slider-next-disabled.gif"],
img[src$="/img/slider-prev-disabled.gif"],
img[src$="/img/slider-prev.gif"],
img[src$="/img/slider-next.gif"]
{
	width: 0 !important;
	background-repeat: no-repeat !important;
	background-position: top left !important;
	padding-left: 16px !important;
	height: 16px !important;
}

img[src$="/img/slider-next-disabled.gif"],
img[src$="/img/slider-prev-disabled.gif"]
{
	opacity: 0.3 !important;
}

img[src$="/img/slider-prev.gif"],
img[src$="/img/slider-next.gif"]
{
	opacity: 1.0 !important;
}

img[src$="/img/slider-prev-disabled.gif"],
img[src$="/img/slider-prev.gif"]
{
	background-image: url('http://quantumsearcher.net/designs/addons_tech/v1.4/prev.png') !important;
}

img[src$="/img/slider-next-disabled.gif"],
img[src$="/img/slider-next.gif"]
{
	background-image: url('http://quantumsearcher.net/designs/addons_tech/v1.4/next.png') !important;
}

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

/* Login form */
form.amo-form
{
	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/v1.4/field_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#search-bubble-inner,
#advanced-search-toggle,
#advanced-search-toggle > div,
#advanced-search-toggle > div > span,
#advanced-search-toggle > div > span > span,
#advanced-search-toggle #toggle-outer,
#advanced-search-toggle #toggle-inner
{
	background: none transparent !important;
}

input#query
{
	height: 20px !important;
	-moz-appearance: none !important;
	background-image: url('http://quantumsearcher.net/designs/addons_tech/v1.4/query_zoom.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,
div.choices a.uniquify
{
	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/v1.4/view_arrow_ltr.png') 100% 4px no-repeat !important;
}

.html-rtl a.view
{
	background: transparent url('http://quantumsearcher.net/designs/addons_tech/v1.4/view_arrow_rtl.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,
div#categories p
{
	background-image: url('http://quantumsearcher.net/designs/addons_tech/v1.4/categ_bg.png') !important;
}

ul#cat-list > li > a
{
	background-color: #31373C !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/v1.4/categ_bg_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-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,
div#other-apps:not([class~=collapsed]),
div#other-apps:not([class~=collapsed]):hover,
div#other-apps:not([class~=collapsed]):focus,
div#addon-advanced,
form#form-listcontrol
{
	background-image: url('http://quantumsearcher.net/designs/addons_tech/v1.4/blue_bg_lf.png') !important;
}

div.pitch
{
	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/v1.4/green_btn120.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-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
{
	top: -126px !important;
	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-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;
}

/* arrow down */
.html-ltr #other-apps.js h3,
.html-rtl #other-apps.js h3,
.html-ltr #advanced-search-toggle a.asopen,
.html-rtl #advanced-search-toggle a.asopen,
.plot-dropdown .selected
{
	background-image: url('http://quantumsearcher.net/designs/addons_tech/v1.4/arrow_down.png') !important;
}

.html-ltr #other-apps.js h3
{
	background-color: transparent !important;
	background-position: 6px 50% !important;
	background-repeat: no-repeat !important;
}

.html-rtl #other-apps.js h3
{
	background-color: transparent !important;
	background-position: 15% 50% !important;
	background-repeat: no-repeat !important;
}

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

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

/* Arrow right */
.html-ltr #other-apps.collapsed h3,
.html-rtl #other-apps.collapsed h3,
#other-apps.collapsed h3,
.plot-dropdown .submenu a
{
	background-image: url('http://quantumsearcher.net/designs/addons_tech/v1.4/arrow_right.png') !important;
}

.html-ltr #other-apps.collapsed h3, .html-rtl #other-apps.collapsed h3, #other-apps.collapsed h3
{
	border-bottom: 0 !important;
}

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

.html-ltr #other-apps.js #nav-apps #app-seamonkey a
{
	background-position: 1% 50% !important;
}

.html-rtl #other-apps.js #nav-apps #app-seamonkey a
{
	background-position: 90% 50% !important;
}

.html-ltr #other-apps.js #nav-apps #app-seamonkey a:hover,
.html-rtl #other-apps.js #nav-apps #app-seamonkey a:hover
{
	background-image: url('http://quantumsearcher.net/designs/addons_tech/v1.4/icon_seamonkey_h.png') !important;
	background-repeat: no-repeat !important;
}

.html-ltr #other-apps.js #nav-apps #app-seamonkey a:hover
{
	background-position: 1% 50% !important;
}

.html-rtl #other-apps.js #nav-apps #app-seamonkey a:hover
{
	background-position: 90% 50% !important;
}

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

.html-ltr #other-apps.js #nav-apps #app-sunbird a
{
	background-position: 1% 50% !important;
}

.html-rtl #other-apps.js #nav-apps #app-sunbird a
{
	background-position: 90% 50% !important;
}

.html-ltr #other-apps.js #nav-apps #app-sunbird a:hover,
.html-rtl #other-apps.js #nav-apps #app-sunbird a:hover
{
	background-image: url('http://quantumsearcher.net/designs/addons_tech/v1.4/icon_sunbird_h.png') !important;
}

.html-ltr #other-apps.js #nav-apps #app-sunbird a:hover
{
	 background-position: 1% 50% !important;
}

.html-rtl #other-apps.js #nav-apps #app-sunbird a:hover
{
	background-position: 90% 50% !important;
}

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

.html-ltr #other-apps.js #nav-apps #app-thunderbird a
{
	background-position: 1% 50% !important;
}
.html-rtl #other-apps.js #nav-apps #app-thunderbird a
{
	background-position: 90% 50% !important;
}

.html-ltr #other-apps.js #nav-apps #app-thunderbird a:hover,
.html-rtl #other-apps.js #nav-apps #app-thunderbird a:hover
{
	background-image: url('http://quantumsearcher.net/designs/addons_tech/v1.4/icon_thunderbird_h.png') !important;
	background-repeat: no-repeat !important;
}

.html-ltr #other-apps.js #nav-apps #app-thunderbird a:hover
{
	background-position: 1% 50% !important;
}
.html-rtl #other-apps.js #nav-apps #app-thunderbird a:hover
{
	background-position: 90% 50% !important;
}

/* Firefox (black version) */
.html-ltr #other-apps.js #nav-apps #app-firefox a,
.html-rtl #other-apps.js #nav-apps #app-firefox a
{
	background-image: url('http://quantumsearcher.net/designs/addons_tech/v1.4/icon_firefox_black.png') !important;
	background-repeat: no-repeat !important;
}

.html-ltr #other-apps.js #nav-apps #app-firefox a
{
	background-position: 1% 50% !important;
}

.html-rtl #other-apps.js #nav-apps #app-firefox a
{
	background-position: 90% 50% !important;
}

.html-ltr #other-apps.js #nav-apps #app-firefox a:hover,
.html-rtl #other-apps.js #nav-apps #app-firefox a:hover
{
	background-image: url('http://quantumsearcher.net/designs/addons_tech/v1.4/icon_firefox_black_h.png') !important;
	background-repeat: no-repeat !important;
}

.html-ltr #other-apps.js #nav-apps #app-firefox a:hover
{
	background-position: 1% 50% !important;
}
.html-rtl #other-apps.js #nav-apps #app-firefox a:hover
{
	background-position: 90% 50% !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/v1.4/search_bg1.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/v1.4/search_bg2.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
{
	background-color: transparent !important;
	position: absolute !important;
	margin-top: -2px !important;
	overflow: visible !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.asopen
{
	background-position: right center !important;
	background-repeat: no-repeat !important;
}

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

.html-rtl #advanced-search-toggle a.asopen
{
	background-position: left center !important;
	background-repeat: no-repeat !important;
}

/* New search button */

.html-ltr #search-form #my-submit,
.html-ltr #search-form #my-submit:hover,
.html-rtl #search-form #my-submit,
.html-rtl #search-form #my-submit:hover
{
	background-image: url('http://quantumsearcher.net/designs/addons_tech/v1.4/search_button.png') !important;
	background-repeat: no-repeat !important;
}

.html-ltr #search-form #my-submit
{
	background-position: 0 0 !important;
}

.html-ltr #search-form #my-submit:hover
{
	background-position:-38px 0 !important;
}

/* (offsets not sure for this one) */
.html-rtl #search-form #my-submit
{
	background-position: -37px 0 !important;
}

.html-rtl #search-form #my-submit:hover
{
	background-position: 1px 0 !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 > 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 re-position to left. */
p.stats
{
	text-align: left !important;
	width: 96% !important;
	display: block !important;
	left: 4px !important;
	padding-top: 8px !important;
}

/* Because we can't add HTML, we force stats to be on a new line. */
span.stats
{
	display: block !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;
}

ul#addon-listing > li[class~=exp] h3.name a:link,
ul#addon-listing > li[class~=exp] h3.name a:visited,
div[id^="feature"][class~=exp] h4.name a:link,
div[id^="feature"][class~=exp] h4.name a:visited,
div#secondaries > div[class~=exp] h4.name a:link,
div#secondaries > div[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[id^="feature"][class~=exp] h4.name a:hover,
div#secondaries > div[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[id^="feature"][class~=exp] h5.author,
div#secondaries > div[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[id^="feature"][class~=exp] h5.author a,
div#secondaries > div[class~=exp] h5.author a,
div[id^="feature"][class~=exp] p.rating a,
div#secondaries > div[class~=exp] p.rating a,
div[id^="feature"][class~=exp] p.learn-more a,
div#secondaries > div[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[id^="feature"][class~=exp] h5.author a:hover,
div#secondaries > div[class~=exp] h5.author a:hover,
div[id^="feature"][class~=exp] p.rating a:hover,
div#secondaries > div[class~=exp] p.rating a:hover,
div[id^="feature"][class~=exp] p.learn-more a:hover,
div#secondaries > div[class~=exp] p.learn-more a:hover
{
	color: #AE3A2B !important;
}

/* Bottom pages list */
div.pagination
{
	/*
	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,
.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/v1.4/prev2.png') !important;
}

.pages .prev a
{
	background-color: transparent !important;
	background-position: 0 50% !important;
	background-repeat: no-repeat !important;
	padding-left: 17px !important;
}

/* Next page */

.pages .next a,
.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/v1.4/next2.png') !important;
}

.pages .next a
{
	background-color: transparent !important;
	background-position: 100% 50% !important;
	background-repeat: 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;
	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/v1.4/advanced_expand1.png') 100% 3px no-repeat !important;
}

#addon-advanced.collapsed .expand-control a
{
	background: transparent url('http://quantumsearcher.net/designs/addons_tech/v1.4/advanced_expand2.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-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/v1.4/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/v1.4/exp_label_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-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;
}

#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;
	margin-top: 3em !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/v1.4/install_arrow1.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/v1.4/install_arrow2.png') !important;
}


/* Install button, backgrounds */

/* General settings */

.install-button > a,
#content-main .install-container .not-avail,
form#form-listcontrol p#experimental > label
{
	background-image: url('http://quantumsearcher.net/designs/addons_tech/v1.4/install_button_bg.png') !important;
	background-color: transparent !important;
	background-repeat: repeat-x !important;
	background-position: center center !important;
}

.install-button > a,
#content-main .install-container .not-avail
{
	border: 1px solid #808080 !important;
	-moz-border-radius: 6px !important;
}

.install-button > a:hover,
form#form-listcontrol ul#order-by li > button:not([class~=current]):hover,
form#form-listcontrol ul#order-by li > button:not([class~=current]):focus,
form#form-listcontrol ul#order-by li > button[class~=current]
{
	background-image: url('http://quantumsearcher.net/designs/addons_tech/v1.4/install_button_bg_h.png') !important;
}

.install-button > a:hover
{
	background-color: #222629 !important;
	background-repeat: no-repeat !important;
	background-position: 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,
form#form-listcontrol p#experimental > label:hover,
form#form-listcontrol p#experimental > label:focus
{
	background-image: url('http://quantumsearcher.net/designs/addons_tech/v1.4/install_button_bg_exp_h.png') !important;
}

.exp .install-button > a:hover,
.exp-loggedout .install-button > a:hover
{
	background-color: transparent !important;
	background-repeat: no-repeat !important;
	background-position: 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/v1.4/5stars.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/v1.4/4stars.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/v1.4/3stars.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/v1.4/2stars.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/v1.4/1star.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/v1.4/ratings.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-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/v1.4/rss2.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/v1.4/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/v1.4/cog.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/v1.4/events.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/v1.4/expand_graph.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/v1.4/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/v1.4/add_plot.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-color: transparent !important;
	background-repeat: no-repeat !important;
	background-position: 98% 50% !important;
}

.plot-dropdown .submenu a
{
	background-color: transparent !important;
	background-position: 128px 50% !important;
	background-repeat: 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/v1.4/x.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/v1.4/lock.png') !important;
	background-repeat: no-repeat !important;
	background-position: top left !important;
	padding-left: 16px !important;
}

/* Unlock */
img[src$="/img/stats/lock_open.png"]
{
	width: 0 !important;
	height: 16px !important;
	background-image: url('http://quantumsearcher.net/designs/addons_tech/v1.4/lock_open.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/v1.4/list_categ_bg.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;
	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/v1.4/button_bg.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-color: #222629 !important;
	background-repeat: no-repeat !important;
	background-position: center bottom !important;
	color: #DDD !important;
}

form#form-listcontrol ul#order-by li > button[class~=current]
{
	background-color: transparent !important;
	background-repeat: repeat-x !important;
	background-position: 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/v1.4/button_bg_h.png') no-repeat center bottom !important;
}

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

form#form-listcontrol p#experimental > label:hover,
form#form-listcontrol p#experimental > label:focus
{
	background-color: transparent !important;
	background-repeat: repeat-x !important;
	background-position: center bottom !important;
	color: #D9958F !important;
}

/* New 'share button' */
p.share-button, p.share-button *
{
	background: none transparent !important;
}

p.share-button a.activator
{
	outline: none !important;
	padding: 6px 0 0 2px !important;
	height: 24px !important;
	margin-top: -3px !important;
	background: url('http://quantumsearcher.net/designs/addons_tech/v1.4/activator_button.png') center center no-repeat !important;
	color: #D8D8D8 !important;
}

p.share-button a.activator:hover,
p.share-button a.activator:focus
{
	background: url('http://quantumsearcher.net/designs/addons_tech/v1.4/activator_button_h.png') center center no-repeat !important;
	color: #FFF !important;
}

/* Go to other add-ons from this author: fix for drop-down list alignment */
form#addons-author-addons
{
	padding-top: 3px !important;
	padding-left: 10px !important;
}

/* Uncomment to force displaying "share this" popup */
/*
div.choices
{
	display: block !important;
	visibility: visible !important;
}
*/

/* "share this" popup */
div.choices > div
{
	background: url('http://quantumsearcher.net/designs/addons_tech/v1.4/share_bg.png') top left transparent !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;
}

/* Don't know why this seems to be useful... */
body
{
	background-color: #000 !important;
	color: #CCC !important;
}

}

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

/* French */
@-moz-document 	url-prefix("http://addons.mozilla.org/fr/"),
                url-prefix("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;
}

}