/*----------------------------------------------------------------------------
Color CSS file for Addons.mozilla.org
Created by Craig Cook - focalcurve.com
				on December 30, 2007

Color Reference

Body text (almost black):           #333
Links (medium blue):                #1d587f
Visited links (blue-gray):          #748d9e
Headings (dark blue):               #2d3b58
Box border (light blue-gray):       #d8dcdf
Special box border (dark blue):     #5d6c8c
-----------------------------------------------------------------------------*/

/*** =General elements ***/
body { background: #fff; color: #333; }
a:link { color: #1d587f; }
a:visited { color: #748d9e; }
a:active, a:hover, a:focus { color: #000; }

.html-ltr a.view { background: transparent url("../img/arr-view.png") 100% 4px no-repeat; }
.html-rtl a.view { background: transparent url("../img/arr-rtl-view.png") 100% 4px no-repeat; }
a.view:hover { background-position: 100% -96px; }

h3, h4, h5, h6 { color: #2d3b58; }

td, th { border-bottom: 1px solid #eee; }
thead th { color: #555; }

input, button, select, textarea { color: inherit; }
a img { border: none; }

div.error-notice { background: #fffefa url("../img/warning.png") 10px 10px no-repeat; border: 1px solid #eee; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }

/*** =Site-notice ***/
#site-notice { background: #ffe; border-bottom: 2px solid #ccc; }

/*** =Access nav ***/
#nav-access a:active, #nav-access a:focus { color: #000; background: #fff; border: 1px solid #475470; outline: 0; }

/*** =Header ***/
h4#moz a { background: transparent url("../img/moz-tab.png") no-repeat; }
h4#moz a:hover, h1#moz a:active, h1#moz a:focus { background-position: 0 -50px; }

/* =Page title */
#page-title { background: transparent url("../img/brandbanner-bg.png") 0 40% repeat-x; }
#page-title p.page-intro { color: #354a4f; }

#page-title.firefox h1, #page-title.firefox h1 a { color: #bd1d01; } /* red */
#page-title.thunderbird h1, #page-title.thunderbird h1 a { color: #0b4190; } /* blue */
#page-title.seamonkey h1, #page-title.seamonkey h1 a { color: #3f38a3; } /* purple */
#page-title.sunbird h1, #page-title.sunbird h1 a { color: #337b5a; } /* green */

/* =User nav */
.html-ltr #nav-user li { border-left: 1px solid #666; }
.html-rtl #nav-user li { border-right: 1px solid #666; }
#nav-user li:first-child { border-left: 0; }
#nav-user li:first-child { border-right: 0; }

#nav-user a:link { color: #000; }
#nav-user a:visited { color: #666; }
#nav-user a:hover, #nav-user a:active, #nav-user a:focus { color: #000; }

/* =Other Applications */
#other-apps { background-color: #b3deee; border: 1px solid #90c8dd; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
#other-apps h3 { color: #4d757b; }

#other-apps.js h3 { border-bottom: 1px solid #90c8dd; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
.html-ltr #other-apps.js h3 { background: transparent url("../img/arr-otherapps-open.png") 6px 50% no-repeat; }
.html-rtl #other-apps.js h3 { background: transparent url("../img/arr-otherapps-open.png") 15% 50% no-repeat; }

#other-apps.js h3:hover { background-color: #c5e3ee; }
#nav-apps a { color: #1f0084; background-repeat: no-repeat; background-position: 0 50%; }
#nav-apps a:hover, #nav-apps a:active, #nav-apps a:focus { color: #1d587f; }
.html-ltr #other-apps.js #nav-apps #app-seamonkey a { background-image: url("../img/app-icons/seamonkey-other.png");}
.html-rtl #other-apps.js #nav-apps #app-seamonkey a { background: url("../img/app-icons/seamonkey-other.png") 90% 50% no-repeat; }

.html-ltr #other-apps.js #nav-apps #app-sunbird a { background-image: url("../img/app-icons/sunbird-other.png"); }
.html-rtl #other-apps.js #nav-apps #app-sunbird a { background: url("../img/app-icons/sunbird-other.png") 90% 50% no-repeat; }

.html-ltr #other-apps.js #nav-apps #app-thunderbird a { background-image: url("../img/app-icons/thunderbird-other.png"); }
.html-rtl #other-apps.js #nav-apps #app-thunderbird a { background: url("../img/app-icons/thunderbird-other.png") 90% 50% no-repeat; }

.html-ltr #other-apps.js #nav-apps #app-firefox a { background-image: url("../img/app-icons/firefox-other.png"); }
.html-rtl #other-apps.js #nav-apps #app-firefox a { background: url("../img/app-icons/firefox-other.png") 90% 50% no-repeat; }

.html-ltr #other-apps.collapsed h3, 
.html-rtl #other-apps.collapsed h3,
#other-apps.collapsed h3 { border-bottom: 0; background-image: url("../img/arr-otherapps-closed.png"); }

/*** =Search form ***/

#search-form li { color: #666; }
.html-ltr #search-form #query { background: #fff url("../img/search-icn.png") 1% 50% no-repeat; }
.html-rtl #search-form #query { background: #fff url("../img/search-icn.png") 99% 50% no-repeat; }
#search-form #search-category label { color: #426a13; }

/*** =Footer ***/
#footer { color: #888; padding: 1em 0; background: transparent url("../img/foot-bg.png") repeat-x; }
#footer a:link, #footer a:visited { color: #777; }
#footer a:hover, #footer a:active, #footer a:focus { color: #000; }

/*** =Extra content ***/
#content-extra .extra { border: 1px solid #d8dcdf; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }

/*** =Categories ***/
#categories h3 { background: #79be1b url("../img/cathead.png") left top no-repeat; border-bottom: 1px solid #abe071; }
#categories h3 span { color: #426a13; background: transparent url("../img/cathead.png") right top no-repeat; }
#categories.collapsed h3 { background-image: url("../img/cathead-closed.png"); }
#categories.collapsed h3.open { background-image: url("../img/cathead-open.png"); }

#categories, #categories.collapsed #cat-list { background-color: #f6f6f6; border: 1px solid #d8dcdf; border-width: 0 1px 1px; }
#categories, #categories.collapsed #cat-list { /* redundancy compensates for varying browser support */
	-moz-border-radius-bottomright: 6px; 
	-moz-border-radius-bottomleft: 6px; 
	-webkit-border-bottom-right-radius: 6px; 
	-webkit-border-bottom-left-radius: 6px; 
	border-bottom-right-radius: 6px; 
	border-bottom-left-radius: 6px; 
}
#cat-list { border-top: 1px solid #e8e6e6; }
#cat-list li { border-bottom: 3px double #e8e6e6; }
#cat-list a { background: #f4f2f2 url("../img/cat-link.png") top repeat-x; }
#categories a:link { color: #4e4e4e; }
#categories a:visited { color: #777; }
#categories a:hover, #categories a:active, #categories a:focus { color: #1d587f; background: #f1f0f0 url("../img/cat-linkhover.png") top repeat-x; }

#categories.collapsed h3 span { background-image: url("../img/cathead-closed.png"); }
#categories.collapsed h3.open span { background-image: url("../img/cathead-open.png"); }
#categories.collapsed h3:hover { color: #4f7f17; background-position: 0 -200px; }
#categories.collapsed h3:hover span { background-position: 100% -200px; }
#categories p { border-top: 1px solid #e8e6e6; }

/*** =Add-on boxes ***/
.addon { border-left: 1px solid #d8dcdf; background: transparent url("../img/addon-tr.png") right top no-repeat; }
.addon .vex { background: transparent url("../img/addon-br.png") right bottom no-repeat; }
.addon .vex span { background: transparent url("../img/addon-bl.png") left bottom no-repeat; }
.addon .preview-img { background: transparent url("../img/addon-tl.png") left top no-repeat; }
.addon .stats em { color: #d54601; }
.addon .flag { border: 1px solid #ccc; border-width: 0 1px 1px 0; }

/* =Secondary featured add-ons */
.sub .irk { background: transparent url("../img/addon-tl.png") left top no-repeat; }
.sub .preview-img { background-image: none; }

/* =Recommended add-ons */
.rec { background-image: url("../img/rec-tr.png"); border-left-color: #c1e1c1; }
.rec .preview-img { background: transparent url("../img/rec-tl.png") left top no-repeat; }
.rec .flag { color: #360; background: #f8f8f7 url("../img/rec-flag.png") no-repeat; }
.rec .vex { background-image: url("../img/rec-br.png"); }
.rec .vex span { background-image: url("../img/rec-bl.png"); }

/* =Experimental add-ons */
.exp { background-image: url("../img/exp-tr.png"); border-left-color: #e3c1c1; }
.exp .preview-img { background: transparent url("../img/exp-tl.png") left top no-repeat; }
.exp .flag { color: #900; background: #f8f8f7 url("../img/exp-flag.png") no-repeat; }
.exp .vex { background-image: url("../img/exp-br.png"); }
.exp .vex span { background-image: url("../img/exp-bl.png"); }

/* =Listing items */
#addon-listing .more li { border-right: 1px solid #666; }
#addon-listing .more li:last-child { border: 0; }

/*** =Install button ***/
.install-button a { color: #062445; background: #7cc11c url("../img/installbtn-bg.png") 100% 0 no-repeat; }
.install-button a span { background: transparent url("../img/installbtn-edges.png") left bottom no-repeat; }
.install-button a span span { background: transparent url("../img/installbtn-edges.png") right bottom no-repeat; }
.install-button a span span span { background: transparent url("../img/installbtn-edges.png") left top no-repeat; }
.install-button a span span span strong { background: transparent url("../img/installbtn-edges.png") right top no-repeat; }

.install-button a:hover, .install-button a:focus, .install-button a:active { color: #0a3b73; background-color: #9dd34c; background-position: 100% -300px; }

/* 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: url("../img/installbtn-edges-list.png"); }

/* 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: url("../img/installbtn-edges-exp.png"); }

/* 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: url("../img/installbtn-edges-rec.png"); }

/* Experimental add-ons - while logged out */
#content-main .exp-loggedout { border: 1px solid #d8d8d8; background: #fff; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
#content-main .exp-loggedout .install-button a { color: #aaa; background-color: #fff; background-image: url("../img/installbtn-bg-dis.png"); }
#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: url("../img/installbtn-edges-dis.png"); }
#content-main .exp-loggedout .install-button a:hover { background-color: #f3f3f3; }

/* Unavailable add-ons */
#content-main .install-container .not-avail { padding: 5px 10px; float: left; color: #666; border: 1px solid #d8d8d8; background: #fff; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }

/*** =Pitch ***/
.pitch { background-color: #f8f8f8; border: 1px solid #e4f3fa; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
.pitch h3 { color: #042253; }

/*** =Landing pages ***/
#recommended { background: #f2f8fd; border: 1px solid #e9f1f8; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
#recommended .addon { background-color: #fff; background-image: url("../img/landrec-tr.png"); }
#recommended .addon .preview-img { background-image: url("../img/landrec-tl.png"); }
#recommended .addon .vex { background-image: url("../img/landrec-br.png"); }
#recommended .vex span { background-image: url("../img/landrec-bl.png"); }

#content.landing #secondaries .exp .irk { background-image: url("../img/exp-tl.png"); }
#content.landing #secondaries .sub .vex { background-image: url("../img/addon-br.png"); }
#content.landing #secondaries .exp .vex { background-image: url("../img/exp-br.png"); }
#content.landing #secondaries .exp .preview-img { background-image: none; }

#content.landing .more-addons { border: 1px solid #5d6c8c; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }

.browse-list a { background: #fafafa; border: 1px solid #e8e6e6; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
.browse-list a:hover { background-color: #f1f0f0; border-color: #e1dfdf; }

/*** =Dictionaries ***/
#dictionaries { background-color: #f7fafc; border: 1px solid #eef1f3; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
#dictionaries th, #dictionaries td { border-bottom: 1px solid #eee; }
#dictionaries tbody tr.alt th, #dictionaries tbody tr.alt td { background-color: #fff; }

/*** =Detail page ***/
#addon-summary .preview-img { background: transparent url("../img/addon-tl.png") left top no-repeat; }
.addon-cats li { border-left: 1px solid #666; }
.addon-cats li:first-child { border-left: 0; }
#addon-info, #addon-advanced { border: 1px solid #d8dcdf; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
.addon-images a img { border: 1px solid #1d587f; }
.addon-reviews li, .addon-versions li { border-top: 1px solid #d8dcdf; }
#addon-info .addon-reviews li { background-color: #f7fafc; border: 1px solid #eef1f3; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }

#addon-advanced h5 { border-top: 1px solid #d8dcdf; }
#addon-advanced .expand-control { color: #1d587f; }
#addon-advanced .expand-control a { background: transparent url("../img/icn-collapse.png") 100% 3px no-repeat; }
#addon-advanced.collapsed .expand-control a { background: transparent url("../img/icn-expand.png") 100% 3px no-repeat; }
#addon-advanced .expand-control a:hover { background-position: 100% -97px; color: #000; }

/* =Version History Page */
#latest-version { border: 1px solid #5d6c8c; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }

/* =Review form */
#form-review { background-color: #f8f8f8; border: 1px solid #e4f3fa; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }

/* =Star rating */
#rate-it legend span { color: #042758; }
/*
ul.star-rating { background: #fff; padding: 3px 5px; border: 1px solid #edbe97; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
*/

/* =More add-ons */
.html-ltr .more-addons h3 a.view { background: transparent url("../img/arr-view-big.png") 100% 0 no-repeat; }
.html-rtl .more-addons h3 a.view { background: transparent url("../img/arr-view-rtl-big.png") 100% 0 no-repeat; }

.more-addons h3 a.view:hover { background-position: 100% -298px; }

/*** =Pagination ***/
.pagination { background-color: #f7fafc; border: 1px solid #eef1f3; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
.pages a { border: 1px solid #fff; }
.pages a:hover { background-color: #ccf29b; border-color: #bbde92; }
.pages .current strong { background-color: #ccf29b; border: 1px solid #83c53f; }
.pages .prev a { background: transparent url("../img/arr-prev.png") 0 50% no-repeat; }
.pages .prev a:hover { background-color: #ccf29b; }
.pages .next a { background: transparent url("../img/arr-next.png") 100% 50% no-repeat; }
.pages .next a:hover { background-color: #ccf29b; }

/*** =Listing control bar ***/
#form-listcontrol { background: #f2f8fd; border: 1px solid #e9eff4; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
#order-by button { color: #7598b5; background-color: #fff; border: 1px solid #89a8c1; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
#order-by button:hover { background-color: #e9eff4; color: #496377; }
#order-by button.current, #order-by button.current:hover { background-color: #89a8c1; color: #fff; }
#form-listcontrol #experimental label { background: #fff; border: 1px solid #933; color: #933; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }