CSS bug fixes for AMO merge + CSS uddates for dev section

5 files changed, 2456 insertions, 3803 deletions

diff --git a/site/app/webroot/css/amo2009/developers.css b/site/app/webroot/css/amo2009/developers.css
index 8c104f8..3a101d7 100644
--- a/site/app/webroot/css/amo2009/developers.css
+++ b/site/app/webroot/css/amo2009/developers.css
@@ -1,7 +1,171 @@
+a  {
+	color:rgb(68,187,249);
+}
+
+a:hover {
+	background-color:rgb(68,187,249);
+	color:#fff;
+}
+
+.developer-hub #aux-nav {
+	top:0px;
+	}
+
+#header {
+	margin:1.5em 0;
+	}
+
+#footer {
+	margin-top:2em;
+	}
+	
+.primary {
+	margin-top:2em;
+	}
+
+#dashboard.primary.full,	
+#devhub.primary {
+	margin-top:0;
+	}	
+	
+.primary.full {
+	 width:100%;
+	}	
+	
+#content-main.primary {
+	margin-top:0;
+	}	
+	
+#content-main.primary h2 {
+	margin-top:0;
+	}
+
+#dashboard.primary.full h2 {
+	margin-top:.5em;
+	}
+
+#aux-nav {
+	xtop:-60px;
+	}
+
+p#title {
+	height:70px;
+	background:url(../../img/amo2009/app-icons/generic.png) no-repeat 0 0;
+	padding-left:170px;
+	}
+
+h2,h3,h4,h5,h6 {
+	font-size:140%;
+	margin:.5em 0 1em;
+	}
+
+h4 {
+	font-size:130%;
+	}	
+
+h5 {
+	font-size:120%;
+	}
+
+h6 { 
+	font-size:110%;
+	}
+
+div,
+.translation-box {
+	margin-bottom:1em;
+	}
+	
+#devhub,#devhub .hub-developer,#devhub .hub-developer .featured-inner,
+.addon-list {margin-bottom:0;}		
+
+#devhub.primary {
+margin-top:1em;
+}
+
+#footer .secondary img {
+	margin-top:2em;
+	}
+
+.translation-row {
+	float:left;
+	width:90%;
+	}
+	
+.translation-box {
+	font-size:90%;
+	}	
+
+#addon-edit-descriptions-form div,	
+.translation-box div {
+	margin-bottom:0;
+	}		
+	
+#addon-edit-descriptions-form div.translation-box.graybox {
+	margin-bottom:1em;
+	}
+	
+.translation-box .translation-button img {
+
+	}
+
+.translation-box .translation-tab {
+	}	
+	
+.translation-tabs {
+	float:left;
+	margin-right:10px;
+	}
+
+.translation-area {
+	float:right;
+	width:100%;
+	}
+	
+.translation-newlocale-container {
+	clear:both;
+	}	
+
+.graybox {
+	float:left;
+	margin-bottom:.5em;
+	}
+	
+.highlight li a {
+	display:block;
+	background:transparent;
+	border:0 none;
+	margin:0;
+	padding:0;
+	-moz-border-radius:0;
+	-webkit-border-radius:0;
+	border-radius:0;
+	}		
+
+.highlight li a:hover {
+	color:#fff;
+	background:rgb(80,172,241);
+	}
+	
+p.addon-search-message {
+	margin:.8em;
+	clear:left;
+	}	
+
+.listing-header {
+	margin:.4em .2em;
+	}
+
+.listing-header li {
+	margin-left:1em;
+	}
+
 /** header and main navigation bar */
 .section {
-    max-width: 75em;
-}
+    max-width: 1000px;
+    min-width: 700px;
+    padding:10px 20px;
+    }
 
 .developer-hub #content-main, 
 .developer-hub #dashboard {
@@ -13,11 +177,6 @@
     margin-bottom: 0.7em;
 }
 
-#aux-nav ul.change a.return {
-    display: block;
-    padding: 0.7em 1em 0.5em 1em;
-}
-
 #navbar a, #navbar a:active, #navbar a:hover, #navbar a:focus, #navbar a:visited {
     color: white;
     text-decoration: none;
@@ -25,17 +184,14 @@
 }
 #navbar {
     display: block;
-    background-image: url(../../img/amo2009/bg/heading-dark-blue.jpg);
-    background-repeat: repeat-x;
-    background-position: bottom left;
-    background-color: #305083;
+    background-color: rgb(80,172,241);
     border:  1px solid #021437;
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     border-radius: 5px;
     margin: 0 0 1.5em 0;
     color: white;
-    font-size: 1.231em;
+    font-size: .9em;
     white-space: nowrap;
     overflow: hidden;
 }
@@ -45,7 +201,6 @@
 #navbar li.top,
 #navbar li.search {
     float: left;
-    border-right: 1px solid #455c87;
     list-style: none;
 }
 #navbar li.top a.controller {
@@ -54,7 +209,7 @@
     margin: 0;
 }
 #navbar li.top a.controller {
-    border-right: 1px solid #1e2e4c;
+    border-right: 1px solid rgb(247,247,247);
 }
 #navbar li.search {
     float: right;
@@ -62,7 +217,6 @@
 }
 #navbar li.top:hover,
 #navbar li.top.selected {
-    background-image: url(../../img/amo2009/bg/heading-dark-blue-highlighted.png);
 }
 #navbar li.top ul {
     display: none;
@@ -83,12 +237,15 @@
 #navbar li.top:hover ul {
     display: block;
 }
+
+#navbar li ul {
+	border:1px solid #021437;
+	}
+
 #navbar li ul li {
-    background-image: url(../../img/amo2009/bg/heading-dark-blue-highlighted.png);
-    background-repeat: repeat-x;
-    background-position: bottom left;
-    background-color: #305083;
-    border-bottom: 1px solid #5a7297;
+    background-color: rgb(81,173,241);
+    border-bottom: 1px solid rgb(216,223,225);
+    xwidth:10em;
 }
 #navbar li ul li:hover {
     background-image: url(../../img/amo2009/bg/heading-dark-blue.jpg);
@@ -713,18 +870,37 @@ p.summary {
 }
 
 .hub-developer {
-    background: #EAF7FB;
     width: 100%;
     display:table;
 }
 
+.featured-inner {
+	padding:0;
+	}
+
 .addon-list {
-    width: 200px;
-    padding: 25px 0 0 21px;
+    width: 24.49%;
+    xpadding: 18px 0 0 21px;
     display: table-cell;
-    background: #EAF7FB;
-    border-right: 1px solid #AEC3CF;
-}
+    background: rgb(255,255,255);
+    border: 8px solid rgb(216,223,225);
+    list-style:none;
+    -moz-border-radius:12px;
+    -webkit-border-radius:12px;
+	border-radius:12px;
+}
+
+.featured.hub-developer .featured-inner .addon-list {
+	border:0 none;
+	background:rgb(216,223,225);
+	-moz-border-radius:0;
+	-webkit-border-radius:0;
+	float:left;
+	border-radius:0;
+	border-right:1px solid rgb(188,188,188)	}
+
+.primary div.addon-list ul {
+	list-style:none;}
 
 .html-rtl .addon-list {
     padding: 25px 21px 0 0;
@@ -733,36 +909,52 @@ p.summary {
 }
 .addon-list ul {
     margin-bottom: 0;
-    padding-bottom: 10px;
+   xpadding-bottom: 10px;
+    padding:0 0 10px 0;
 }
 
-.addon-list h3 {
-    margin:0 0 0.5em 0;
+.highlight.addon-list h3 {
+	padding:.5em .5em .8em;
+	margin:0;
     font-size: 1.5em;
+    display:block;
+	font-weight:bold;
+	background:rgb(216,223,225);
+	color:rgb(63,63,63);
 }
 
 .addon-list li a {
-    padding: 10px 0 10px 45px;
-    margin-right:21px;
+    padding: 14px 5px 14px 55px;
     display:block;
     border-bottom: 1px dotted #AEC3CF;
 }
 
+.primary .featured.hub-developer .featured-inner .addon-list ul {
+	margin:0;
+}
+
+.primary .featured.hub-developer .addon-list h3 {
+	padding:16px .6em;
+	border-bottom:2px solid rgb(238,238,238);
+	margin:0;
+	}
+
 .html-rtl .addon-list li a {
     margin-right: 0;
     margin-left: 21px;
     padding: 10px 45px 10px 0;
 }
 
+.addon-list li a:link,
 .addon-list li a:visited {
-    color: #0055EE;
+    color: rgb(0,48,192);
 }
 
 .addon-list li a .icon {
     background: transparent;
     position: absolute;
-    top: 0;
-    left: 0;
+    top: 10px;
+    left: 10px;
 }
 
 .html-rtl .addon-list li a .icon {
@@ -792,7 +984,24 @@ p.summary {
     font-weight:bold;
 }
 
-.addon-list li.more {
+.addon-list li a:hover {
+	background-color:#44BBF9;
+	color:#fff;
+}
+
+.featured.hub-developer .featured-inner .addon-list li a:hover  {
+	color:#fff;
+	}
+
+.primary .featured.hub-developer .featured-inner .addon-list li.active a:hover {
+   background: transparent;
+      color:rgb(0,48,192);
+}
+.primary .featured.hub-developer .featured-inner .addon-list li.more a:hover {
+	color:rgb(0,48,192);
+}
+
+.primary .addon-list li.more {
     font-size: 0.85em;
 }
 
@@ -812,10 +1021,6 @@ p.summary {
     float: left;
 }
 
-.secondary .addon-list {
-    border-right: none;
-}
-
 .html-rtl .secondary .addon-list {
     border-left: none;
 }
@@ -835,7 +1040,9 @@ p.summary {
 
 .addon-feed-wrapper {
     background: #fff;
-    display: table-cell;
+    display:block;
+    float:left;
+    margin-top:1em;
     width: 70%;
 }
 
@@ -966,7 +1173,6 @@ p.summary {
 .addon-info {
     margin: 0;
     margin-bottom: 0;
-    background: #EAF7FB;
     border-top: 1px solid #AEC3CF;
     padding: 7px 0;
 }
@@ -987,6 +1193,13 @@ p.summary {
     padding: 16px 16px 16px 17px;
 }
 
+.primary .actionbar,
+.primary .addon-info {
+	list-style:none;
+	}
+
+.previews a:hover{ background-color:#fff; color:rgb(0,49,195);}
+
 .addon-info a {
     background: transparent url(../../img/amo2009/icons/news-feed-sprite.png) no-repeat scroll 0 0;
     padding: 4px 0 4px 20px;
@@ -1088,9 +1301,8 @@ p.summary {
 /** END "I like this!" boxes **/
 
 .developer-hub #footer .secondary img {
-    max-width: none;
-    width: auto;
-}
+    width:50%;
+    }
 
 /* Getting Started */
 #getting-started {
@@ -1542,7 +1754,7 @@ p.summary {
 
 #edit-listing dt a {
   font-size: 1.1em;
-  padding: .2em 0 .2em 22px;
+  margin: .2em 0 .2em 22px;
   background: transparent 0 0 no-repeat;
 }
 .html-rtl #edit-listing dt a {
@@ -1550,13 +1762,22 @@ p.summary {
   background-position: 100% 0;
 }
 
-#edit-listing .edit-authors a { background-image: url(../../img/developers/actionbar/edit_authors.png); }
-#edit-listing .edit-categories a { background-image: url(../../img/developers/actionbar/edit_categories.png); }
-#edit-listing .edit-tags a { background-image: url(../../img/developers/actionbar/edit_tags.png); }
-#edit-listing .edit-descriptions a { background-image: url(../../img/developers/actionbar/edit_descriptions.png); }
-#edit-listing .edit-properties a { background-image: url(../../img/developers/actionbar/edit_properties.png); }
-#edit-listing .edit-profile a { background-image: url(../../img/developers/actionbar/edit_profile.png); }
-#edit-listing .edit-contributions a { background-image: url(../../img/developers/actionbar/edit_contributions.png); }
+dd {
+	margin:.5em 0 1em 20px;
+	}
+
+#edit-listing .edit-authors { background: url(../../img/developers/actionbar/edit_authors.png) no-repeat 0 center; }
+#edit-listing .edit-categories { background: url(../../img/developers/actionbar/edit_categories.png) no-repeat 0 center; }
+#edit-listing .edit-tags { background: url(../../img/developers/actionbar/edit_tags.png)no-repeat 0 center; }
+#edit-listing .edit-descriptions { background: url(../../img/developers/actionbar/edit_descriptions.png) no-repeat 0 center; }
+#edit-listing .edit-properties { background: url(../../img/developers/actionbar/edit_properties.png) no-repeat 0 center; }
+#edit-listing .edit-profile { background: url(../../img/developers/actionbar/edit_profile.png) no-repeat 0 center; }
+#edit-listing .edit-contributions { background: url(../../img/developers/actionbar/edit_contributions.png) no-repeat 0 center; }
+
+#edit-listing a:hover {
+	color:#fff;
+	background-color:rgb(0,48,192);
+}
 
 p.smallmargin {
   margin-bottom: .5em;
@@ -1595,6 +1816,11 @@ label.indented {
 #dev-subnav-edit .versions, .actionbar .versions .view { background-image: url(../../img/developers/actionbar/versions.png); }
 #dev-subnav-edit .previews { background-image: url(../../img/developers/actionbar/previews.png); }
 
+#summary .actionbar li.action a:hover {
+	color:#fff;
+	background-color:rgb(18,76,244);
+}	}
+
 #dev-subnav .indented {
   padding-left: 20px;
   font-size: 0.925em;
@@ -1802,6 +2028,13 @@ h4.status span {
     -webkit-border-radius: 8px;
     border-radius: 10px;
 }
+
+.primary a.add-button:hover {
+	background: #fefefe url('../../img/developers/add.png') no-repeat 10px 50%;
+	border: 1px solid rgb(80,172,241);
+	color:rgb(81,173,241);
+	}
+
 .remove-button {
   background-image: url('../../img/developers/delete.png');
 }
diff --git a/site/app/webroot/css/amo2009/ie.css b/site/app/webroot/css/amo2009/ie.css
index dbb1b96..e0bcc9f 100644
--- a/site/app/webroot/css/amo2009/ie.css
+++ b/site/app/webroot/css/amo2009/ie.css
@@ -1,79 +1,28 @@
-/*
-Internet Explorer fixes
-Original Author: Richard Rutter, clearleft.com
-*/
-
-body {
-    font-size: 87.5%; /* assume 16px by default and transform to 14px */
-}
-
-form fieldset .container {
-    top: -0.692em; /* fudge to deal with IE fieldset margin/padding */
-}
-
-.button /* fixes buttons looking squiffy in IE7 */ {
-    display: block;
-    float: left;
-}
-
-#footer .secondary img {
-    width: auto;
-}
-
-.expanded-search-form .advanced {
-    padding-top: 1em;
-}
-
-/** Search form **/
-.search-form .basic {
-    min-height: 3em;
-}
-/** END Search form **/
-
-/** add-on details page **/
-.addon-cats li {
-    padding: 0 .5em;
-    margin: 0;
-    border-left: 1px solid #444;
-}
-.addon-cats li.first {
-    padding-left: 0;
-    border-left: none;
-}
-.addon-cats li:after {
-    content: "";
-}
-
-.highlight .more-info {
-    /* More categories links */
-    clear: left;
-    display: block;
-    float: none;
-}
-/** END add-on details page **/
-
-/** Collection barometer fixes **/
-.barometer .bars,
-.barometer .upbar, .barometer .downbar,
-.barometer .upvotes, .barometer .downvotes {
-    float: left;
-}
-
-.html-rtl .barometer .bars,
-.html-rtl .barometer .upbar, .html-rtl .barometer .downbar,
-.html-rtl .barometer .upvotes, .html-rtl .barometer .downvotes {
-    float: right;
-}
-
-.html-rtl .barometer {
-    clear: right;
-}
-
-.barometer .bars {
-    width: 7em;
-}
-
-.item .barometer .bars {
-    width: 5em;
-}
-/** END Collection barometer fixes **/
+.categories ul ul li:hover,
+.categories ul ul li:hover a, 
+.categories ul ul li:active {
+	background:rgb(255,255,255);
+	color:rgb(68,187,249);;
+}
+
+.categories ul ul li a {
+	padding:0;
+	}
+
+.categories ul ul li { 
+	display:block;
+	padding:.74em;
+}
+	
+#featured_addons p {
+	clear:left;
+	float:none;
+	display:block;
+	width:auto;
+}		
+
+#featured_addons .addon_block.item .preview img {
+	float:right;
+	margin:-50px 20px 0 0;
+	width:240px;
+	}
\ No newline at end of file
diff --git a/site/app/webroot/css/amo2009/ie6.css b/site/app/webroot/css/amo2009/ie6.css
index 7418ef7..5cf6baa 100644
--- a/site/app/webroot/css/amo2009/ie6.css
+++ b/site/app/webroot/css/amo2009/ie6.css
@@ -1,25 +1,12 @@
-#title img,
-img.scale {
-    behavior: url(iepngfix.htc);
+.listing .item img.icon, .separated-listing .item img.icon {
+display:none;
 }
 
-.section,
-.column-wrapper,
-.article,
-.notification .aux,
-.highlight,
-.section-teaser .teaser-header,
-.section-teaser .prev,
-.section-teaser .next,
-ol.numbered li,
-.secondary-item-list,
-form.addon-feedback div.container,
-.listing-header,
-.listing-footer,
-.listing .item,
-.separated-listing .item,
-.object-lead,
-.object-lead .button-wrapper,
-.screenshot.thumbnail {
-    zoom:1;
-}
+.categories h3 {
+	display:block;
+	padding:1em .7em;
+	font-weight:bold;
+	font-size:130%;
+	background:rgb(222,229,231);
+	color:rgb(63,63,63);
+	}
\ No newline at end of file
diff --git a/site/app/webroot/css/amo2009/ie7.css b/site/app/webroot/css/amo2009/ie7.css
index 17f967f..5a09473 100644
--- a/site/app/webroot/css/amo2009/ie7.css
+++ b/site/app/webroot/css/amo2009/ie7.css
@@ -1,26 +1,5 @@
-.inverse .primary {
-    padding-top: 95px;
-}
-
-.inverse.developer-hub .primary {
-  padding-top: 0;
-}
-
-.addon-tags li.hover .removetag,
-#tags .nojs li .removetag {
-    font-size: 0;
-    line-height: 0;
-    height: 16px;
-    width: 16px;
-}
-
-.inline-delete-box .button {
-  display: inline-block;
-  float: none;
-}
-
-.translation-row, 
-.graybox, 
-.add-button {
-  zoom: 1;
-}
+#featured_addons .addon_block.item .preview img {
+	float:right;
+	margin:-60px 20px 0 0;
+	width:240px;
+	}
\ No newline at end of file
diff --git a/site/app/webroot/css/amo2009/main.css b/site/app/webroot/css/amo2009/main.css
index d54599a..eb9e310 100644
--- a/site/app/webroot/css/amo2009/main.css
+++ b/site/app/webroot/css/amo2009/main.css
@@ -1,14 +1,4 @@
-/* @group General styles */
-/*
-Harmonise v1.3
-Resets styles then adds basic typographical styling.
-Use as a starting point upon which to build more CSS.
-By Clearleft.com
-*/
-
-/* @group Reset */
-
-/* Based on http://meyerweb.com/eric/tools/css/reset/ */
+/* =Reset */
 /* v1.0 | 20080212 */
 
 html, body, div, span, applet, object, iframe,
@@ -20,919 +10,939 @@ b, u, i, center,
 dl, dt, dd, ol, ul, li,
 fieldset, form, label, legend,
 table, caption, tbody, tfoot, thead, tr, th, td {
-    margin: 0;
-    padding: 0;
-    border: 0;
-    font-size: 100%;
-    vertical-align: baseline;
-    background: transparent;
+	margin: 0;
+	padding: 0;
+	border: 0;
+	outline: 0;
+	font-size: 100%;
+	vertical-align: baseline;
+	background: transparent;
 }
-
-ul {
-    list-style: none;
+body {
+	line-height: 1;
+}
+ol, ul {
+	list-style: none;
 }
 blockquote, q {
-    quotes: none;
+	quotes: none;
 }
 blockquote:before, blockquote:after,
 q:before, q:after {
-    content: '';
-    content: none;
-}
-
-/* tables may still need 'cellspacing="0"' in the markup */
-table {
-    border-collapse: collapse;
-    border-spacing: 0;
-}
-
-/* @end */
-
-html {
-    background-color: #fafdfe;
-    background-image: url(../../img/amo2009/bg/body.jpg);
-    background-position: top center;
-    background-repeat: no-repeat;
+	content: '';
+	content: none;
 }
 
-body {
-    margin: 0 auto;
-    color:#444444;
-    font-size:13px;
-    line-height:1.538em; /* Baseline grid of 20px */
-    background-image: url(../../img/amo2009/bg/header-border.png);
-    background-repeat: repeat-x;
-    background-position: top left;
-    position: relative;
-    min-width: 780px;
-}
-
-body.about {
-    background-image: none;
-    margin: 1em 0 0;
-}
-
-/* for pages without a header or footer */
-body.min {
-    background-image: none;
-    padding-top: 3em;
-    padding-bottom: 2em;
+/* remember to define focus styles! */
+:focus {
+	outline: 0;
 }
 
-a:link,
-button.link span {
-    color: #0055EE;
-    text-decoration: none;
-}
-a:visited {
-    color: #003595;
-    text-decoration: none;
-}
-a:hover,
-a:focus,
-a:active,
-button.link:hover span,
-button.link:focus span,
-button.link:active span {
-    color: #003595;
-    text-decoration: underline;
+/* remember to highlight inserts somehow! */
+ins {
+	text-decoration: none;
 }
-
-/* @group Font families */
-
-body,
-#title,
-.categories h3,
-.item h3,
-.section-teaser .addon-view h3 {
-    font-family: "helvetica neue", arial, helvetica, sans-serif;
+del {
+	text-decoration: line-through;
 }
 
-h2,
-h3,
-#title em,
-.highlight h2,
-.highlight h3,
-.stats strong,
-h4.step {
-    font-family: georgia, serif;
+/* tables still need 'cellspacing="0"' in the markup */
+table {
+	border-collapse: collapse;
+	border-spacing: 0;
+}
+
+
+/* =links ------------------*/
+
+a  {
+	color:rgb(68,187,249);
+	color:rgb(9,63,201);
+	color:rgb(52,150,240);
+	color:rgb(57,133,229);
+}
+
+a:hover  {
+	color:#fff;
+	background-color:rgb(57,133,229);
+	text-decoration:none;
+}
+
+#plot-options a:hover {
+	color:rgb(9,63,201);
+	}
+
+#header ul.stats li a {
+	text-decoration:none;
+	border-bottom:none;
+	color:#000;
+	}
+	
+#header ul.stats li a:hover {
+	background:#fff;
+	}	
+
+#header ul.stats li a strong {
+	color:#fff;
+	background:rgb(80,172,241);
+	padding:0 3px;
+	margin:0 0 0 -3px;
+	-moz-border-radius:4px;
+	-webkit-border-radius:4px;
+	border-radius:4px;
+}
+
+#header ul.stats li a span {
+	text-decoration:none;
+	border-bottom:none;
+	font-size:80%;
+	}
+
+.categories.dropdown-categories h3 a {
+	color:rgb(120,120,120);
+	text-decoration:none;
+	cursor:default;
+	}
+	
+.categories.dropdown-categories h3 a:hover {
+	color:rgb(120,120,120);
+	background:rgb(222,229,231);
+	text-decoration:none;
+	cursor:default;
+	}	
+
+#coll_publish a {
+	float:right;
+	font-size:80%;
+	}
+
+.categories ul ul li a { 
+	display:block;
+	padding:.74em;
+	xcolor:rgb(68,187,249);
+	color:rgb(52,150,240);
+	xcolor:rgb(33,102,211);
+	xcolor:#666;
+	font-weight:bold;
+}
+
+.categories ul ul li:hover,
+.categories ul ul li:hover a, 
+.categories ul ul li:active {
+	color:rgb(255,255,255);
+	background:rgb(68,187,249);
+	background:rgb(57,133,229);
+	xbackground:rgb(33,102,211);
+	xtext-shadow:0 0 2px rgba(0,0,0,.4);
+}
+
+.primary a:link,
+.primary a:visited {
+	color:rgb(9,63,201);
+	color:rgb(18,76,244);
+}
+
+.primary a:hover {
+	color:#fff;
+	background-color:rgb(18,76,244);
+}
+
+.primary a[href$=jpg]:hover,.primary a[href$=JPG]:hover,.primary a[href$=jpeg]:hover,.primary a[href$=jpe]:hover,.primary a[href$=png]:hover,.primary a[href$=gif]:hover     {
+	background-color:#fff;
+	border:none;
 }
 
-pre, code, kbd, tt, samp, tt {
-    font-family: "andale mono", monospace;
+.listing-footer a {
+	margin-right:1em;
 }
 
-/* @end */
-
-/* @group Headings */
-
-/* size headings using classic scale of 16, 18, 24, 36 */
+.listing-header li a {
+	-moz-border-radius:10px;
+	-webkit-border-radius:10px;
+	border-radius:10px;
+	padding:.5em .9em;
+	text-decoration:none;
+	color:rgb(0,0,0);
+	}
+
+.listing-header li.selected a,
+.listing-header li.selected a:hover {
+	background-color:rgb(216,223,225);
+	color:rgb(0,0,0);
+	}
+
+.listing-header li a:hover {
+	background-color:rgb(57,133,229);
+	color:#fff;
+	}
+	
+.install.install-container a {
+	padding:8px 14px 8px 12px
+	color:rgb(0,48,192);
+	color:#3496F0;
+	background:rgb(234,234,234);
+	-moz-border-radius:18px;
+	-webkit-border-radius:18px;
+	border-radius:18px;
+	xborder:5px solid rgb(216,223,225);
+	}
+
+.primary .install.install-container:hover a {
+	xcolor:#fff;
+	xcolor:#000;
+	xcolor:#3496F0;
+	background:rgb(57,133,229);
+	xbackground:rgb(228,228,228);
+	xbackground:#3496F0;
+	-moz-box-shadow: 0 0 5px rgba(0,0,0,.9);
+	-webkit-box-shadow: 0 0 5px rgba(0,0,0,.9);
+	}		
+	
+.addon-listing a.profileLink {
+	color:rgb(63,175,248);
+	}
+
+.addon-listing a.profileLink:hover {
+	color:#fff;
+	background:rgb(80,172,241);
+	}
+	
+.secondary a.more-info {display:block; margin:1em 0;font-size:90%;width:auto;}
+
+.secondary a.more-info:hover {color:#fff;background:rgb(80,172,241);}
+
+a.button.positive {padding:8px 14px 8px 12px;text-decoration:none;}
+
+a.button.positive:hover {
+	text-decoration:none;
+	color:#fff;
+	background:rgb(80,172,241);
+	}
+
+#addon-summary a.button.positive {
+	font-size:120%;
+	text-decoration:none;
+	}
+
+#addon-summary.primary a.button.positive:hover {
+	 color:#fff;
+	 background:rgb(80,172,241);
+	 text-decoration:none;
+	}			
+	
+div.addons_column ul li a:hover {
+	background-color:rgb(57,133,229);
+	color:#fff;
+	}
+
+div.addons_column ul li a:hover span {
+	background-color:rgb(57,133,229);
+	color:#fff;
+	}
+
+div.addons_column ul li a {
+position:relative;
+xborder:1px solid #DEE5E7;
+x-moz-border-radius:6px;
+x-webkit-border-radius:6px;
+xborder-radius:6px;
+margin:12px 0;
+display:block;
+height:auto;
+text-decoration:none;
+}
+
+div.addons_column ul li a:after {
+	content: ".";
+	display: block;
+	height: 0;
+	clear: both;
+	visibility: hidden;
+}
+
+* html div.addons_column ul li a {height:1%} /* IE5 + IE6 auto clear filter */
+
+*:first-child+html .primary div.addons_column ul li a {min-height:1px;} /*for IE7 */
+
+div.addons_column ul li a .name,
+div.addons_column ul li a .meta {
+	display:block;
+	margin-left:52px;
+	margin-right:12px;
+	padding:4px 15px 0 0;
+}
+
+div.addons_column ul li a .meta {
+	font-size:80%;
+}	
+
+.item h3 a {
+	text-decoration:none;
+	line-height:120%;
+	}	
+	
+.item-info .install-container p a,
+#featured_addons .install-container p a {
+	display:block;
+	text-decoration:none;
+	}	
+
+/* =Layout */
 
-h1 {
-    font-size: 2.571em /* 36px */;
-    line-height:1em /* 36px */;
-    margin-top:0.1667em /* 6px */;
-    margin-bottom:0.5833em /* 21px */;
-}
-h2 {
-    font-size:2.154em /* 28px */;
-    font-weight:normal;
-    line-height:1em /* 28px */;
-    margin-top:0.5em /* 42px */;
-    margin-bottom:0.5em /* 14px */;
-    color:#C63717;
-}
-h3 {
-    color:#011234;
-    font-size:1.385em /* 18px */;
-    font-weight:normal;
-    line-height:1.111em /* 20px */;
-    margin-top:1.556em /* 28px */;
-    margin-bottom:0.778em /* 14px */;
-}
-h4 {
-    color:#223355;
-    font-size:1em /* 13px */;
-}
-h5, h6 {
-    font-size:1em /* 13px */;
+body {
+	font:normal 100%/1.25em Helvetica Neue, Arial, Helvetica, sans-serif;
+	background:#fff;
+	color:rgb(63,63,63);
 }
 
-/* @end */
-
-/* @group Lists */
-
-.prose ul,
-ul.xoxo,
-ul.xoxo ul {
-/* unordered lists more often DON'T require bullets except in extended bits of writing. Where bullets are required apply the .prose class to a container, or apply directly with .xoxo */
-    list-style-type: square;
-    margin-left: 1.5em; /* 21px */
+.section {
+	margin: 0 auto;
+	max-width:940px;
+	min-width:776px;
 }
 
-.html-rtl .prose ul,
-.html-rtl ul.xoxo,
-.html-rtl ul.xoxo ul {
-/* unordered lists more often DON'T require bullets except in extended bits of writing. Where bullets are required apply the .prose class to a container, or apply directly with .xoxo */
-    list-style-type: square;
-    margin-left: 0em;
-    margin-right: 1.5em; /* 21px */
+#header {
+	position:relative;
+	margin:3.8em 0 1em 0;
 }
 
-.prose ul li,
-ul.xoxo li,
-ul.xoxo ul li {
-    margin-bottom: 0.5em;
+#header:after {
+	content: ".";
+	display: block;
+	height: 0;
+	clear: both;
+	visibility: hidden;
 }
 
-ol {    /* ordered lists usually DO require (numbered) bullets */
-    list-style-type: decimal;
-    margin-left: 2em; /* 26px */
+#nav-access {
+	display:none;
 }
 
-.html-rtl ol {
-    margin-left: 0;
-    margin-right: 2em;
-}
+#sugarnav {
+	font-size:80%;
+	position:absolute;
+	top:-50px;
+	left:16px;
+	}
+	
+#sugarnav li {
+	display:inline;
+	padding-right:.5em;
+	}	
 
-dt {
-    font-weight: bold;
-    margin-top: 1.5em; /* 19.5px */
-}
+#aux-nav {
+	font-size:80%;
+	position:absolute;
+	top:-89px;
+	right:20px;	
+	z-index:2;
+	width:26em;
+}
+
+.primary .tabs-nav {
+	margin-bottom:0;
+	}
+	
+.ui-tabs-nav li a:hover {
+	background-color:rgb(160,212,120) ;
+}	
+
+.stand-alone-options + div {
+	clear:right;
+	float:right;
+	margin-left:10px;
+	width:73.47% !important;
+	}
+
+ul.refinements {
+	margin:1em 0;
+	}
+
+ul.refinements li {
+	margin:0 0 .5em 10px;
+	}
+
+ul.refinements li a:hover {
+	background:rgb(80,172,241);
+	}
+
+.ui-tabs-panel {
+	list-style:none;
+	}
 
-ul ul, ol ol, ol ul, ul ol {
-    margin-bottom: 0;
+#aux-nav .tools {
+	float:right;
+	xwidth:100px;
 }
 
-/* @end */
+.context {
+	float:left;
+	}
 
-/* @group Tables */
+.user-anon .context {
+	margin-left:9.6em;
+	}
 
-table {
-    border-bottom: 1px solid #666;
-}
+.tools {
+	width:8.4em;
+	border:1px solid #fff;
+	}
+	
+.tools a.controller {
+	}
 
-caption {
-    font-weight: bold;
-    padding-bottom: 0.539em; /* 7px */
-    font-size:1.231em; /* 16px */
-}
+.tools.expanded {
+	background:#fff;
+	border:1px solid rgb(216,223,225);
+	margin:0 .5em .6em;
+	}
 
-thead th {
-    border-top: 1px solid #666;
-    border-bottom: 3px solid #666;
-    padding-top: 0;
-    padding-bottom: 0.539em; /* 7px */
+.tools.expanded li a {
+	display:block;
+	padding:0 .4em;
+	margin-bottom:.2em;
+	background:#fff;
 }
 
-tbody {
-    border-top: 3px solid #666; /* not rendered in IE6/7 */
-}
+.tools.expanded li a:hover {
+	background:rgb(0,48,192);
+	}
 
-tbody tr th, tbody tr td {
-    border-top: 1px solid #ddd;
-}
+.tools.expanded li a:first-child,
+.tools.expanded li a:last-child {
+	margin-bottom:0;
+	}
 
-th, td {
-    text-align: left;
-    padding: 0.308em 0.537em 0.214em 0.231em; /* 4px 7px 3px 7px */
+.further-navigation {
+	margin-bottom:40px;
+	font-size:85%;
 }
 
-/* @end */
+.article .further-navigation {
+	margin-bottom:0;
+	}
 
-/* @group Blockquotes */
+.primary form.languages.go {
+	margin-bottom:20px;
+	}
 
-blockquote {
-    font-style: italic;
-    margin:0  1.5em  1.5em 1.5em; /* 19.5px */
-}
+#review-box p {
+	margin-bottom:1em;
+	}
+	
+#review-box {
+	font-size:90%;
+	margin-bottom:2em;
+	}	
 
-p+p+blockquote {
-    margin-top: 1.5em /* 19.5px */;
+#review-box:after {
+	content: ".";
+	display: block;
+	height: 0;
+	clear: both;
+	visibility: hidden;
 }
 
-blockquote cite, blockquote em {
-    font-style: normal;
-}
+* html #review-box {height:1%} /* IE5 + IE6 auto clear filter */
 
-/* @end */
+*:first-child+html #review-box {min-height:1px;} /*for IE7 */
 
-/* @group Other styling */
-
-p, ul, ol, dl, address, table, pre, form, fieldset {
-    font-size: 1em /* 14px */;
-    margin-bottom: 1.5em; /* 21px */
+.secondary,
+.stand-alone-options .categories {
+	clear:left;
+	float:left;
+	width:24.49%;
 }
 
-address {
-    font-style: normal;
+.secondary .categories,
+.stand-alone-options .categories {
+	margin:22px 0;
 }
 
-ins {
-    text-decoration: underline;
+.primary {
+	clear:right;
+	float:right;
+	margin-left:10px;
+	width:73.47%
 }
 
-del {
-    text-decoration: line-through;
+.primary div h1 {
+	margin:2em 0 .5em;
 }
 
-/* @end */
-
-
-/* @end */
-
-/* @group Helper styles */
-
-/* @group Forms */
-
-/* @group Containers */
-
-form .container {
-    margin-bottom: 1.5em; /* 19.5px */
+p {
+	margin-bottom:1em;
 }
 
+p#title {
+	margin-bottom:0;
+	}
 
-/* @group Fieldsets */
+.primary .secondary p {
+	font-size:90%;
+	}
 
-fieldset {
-    border: 1px solid #ccc;
-    padding: 0 1.5em 1em 1.5em; /* 0 19.5px 13px 19.5px */
-}
+.primary div ul {
+	font-size:90%;
+	margin:1em 0 1.5em 20px;
+	}	
+	
+.primary .meta ul {
+	margin-top:0;
+	}	
 
-legend {
-    font-weight: bold;
-}
+.primary ul {
+	margin-bottom:2em;
+	}
 
-form fieldset .container {
-    margin-top: 1em; /* 13px */
-    margin-bottom:0;
-    position: relative;
-}
-
-/* @end */
+.primary div.addons_column ul {
+	list-style:none;
+	margin:0;
+		}
 
-/* @end */
-
-/* @group Labels */
+.primary.results-head + .primary {
+	width:73.47% !important;
+	}
 
-label {
-    font-weight: bold;
-    cursor: pointer;
+.search-form {
+margin-top:22px;
 }
 
-.meta-label {
-    font-weight: bold;
-    margin-bottom: 0;
-}
+.amo-form {
+	margin:2em 0 2.5em;
+	font-size:90%;
+	}
 
-.multi-container label,
-.radio-container label,
-.checkbox-container label {
-    font-weight: normal;
+.stand-alone-options .search-form {
+	clear:right;
+	float:right;
+	margin-top:22px;
+	margin-left:10px;
+	width:71.47%
 }
 
-.radio-container label,
-.checkbox-container label {
-    display: block;
-}
-
-.compact label {
-    display: inline;
-}
-
-/* @end */
-
-/* @group Meta */
-
-form .help {
-    display: block;
-    color: #777;
-    font-style: normal;
-    font-size: 0.923em; /* 12px */
+.primary .primary {
+	clear:none;
+	float:left;
+	margin-left:0;
+	width:63.889%;
 }
 
-/* @end */
-
-/* @group Form controls */
-
-input, textarea, select, button {
-    font-family: inherit;
-    font-size: 1em;
-    line-height: inherit;
+.primary .secondary {
+	clear:none;
+	float:right;
+	width:29.3%;
 }
 
-select {
-    background-color: #fff; /* fixes bug in Opera which inherits bgcolor from container */
-}
+.clearboth,
+.highlight {
+	font-size:90%;
+	margin:0 10px;
+	}
+
+.clearboth {margin:0;}
+
+#tags {
+	margin:0 10px;
+	}	
+		
+.addon-collections {
+	margin:0 20px 1em;
+	}
+		
+.clearboth a,
+.addon-collections li a {
+	background:rgb(247,247,247);
+	padding:3px 10px;
+	margin: 0 -10px;
+	-moz-border-radius:4px;
+	-webkit-border-radius:4px;
+	border-radius:4px;
+	}	
+	
+.addon-collections li {
+	margin:.7em 0;
+	}	
+
+a#addatag {
+	margin-left:8px;
+	}
+
+.addon-collections li a:hover,
+a#addatag:hover {
+	background:rgb(80,172,241);
+	}
+
+p#title a {
+	text-decoration:none;
+	margin-left:8px;
+	}
+
+p#title a:hover {
+	background:#fff;
+	color:rgb(80,172,241);
+	}
+
+p#title a img{
+	vertical-align:text-top;
+}
+
+p#brand {
+	display:none;
+}
+
+.primary a.profileLink {
+	color:#44BBF9;
+	color:rgb(80,20,117);
+	text-decoration:underline;
+	font-size:90%;
+	}
+	
+.primary a.profileLink:hover {
+	color:#fff;
+	background:rgb(80,20,117);
+	text-decoration:none;
+	}	
+	
+.primary .secondary .item h5 span {
+	font-size:80%;
+	color:rgb(0,0,0);
+	}
+
+.primary .secondary .item h5 span a {
+	color:#000;
+	text-decoration:none;
+}
+
+.primary .secondary .item h5 span a:hover {
+	color:#fff;
+	} 
+	
+.primary .secondary .item blockquote p {
+	clear:left;
+	margin-top:1em;
+	}
+	
+.meta {
+	margin-bottom:.7em;
+	}
 
+.item .meta {
+	margin-bottom:0;
+	}
 
-button {
-    overflow: visible;
-    cursor: pointer;
-}
+.primary .secondary .item .meta {
+	font-size:80%;
+	}
 
-textarea,
-input[type='text'],
-input[type='password'],
-select {
-    border-width: 1px;
-    border-style: solid;
-    border-top-color: #999;
-    border-left-color: #999;
-    border-bottom-color: #ccc;
-    border-right-color: #ccc;
-    padding: 0 1px 1px 1px;
+#header ul.stats {
+	width:auto;
+	float:right;
+	margin:-2.8em 26px 0 0;
 }
 
-textarea:focus,
-input[type='text']:focus,
-input[type='password']:focus,
-select:focus {
-    border-color: #888;
-    outline: 1px solid #ffffaa;
+.search-form {
+	position:relative;
+	display:block;
+	background:rgb(242,251,254);
+	border:8px solid rgb(68,187,249);
+	-moz-border-radius:12px;
+	-webkit-border-radius:12px;
+	border-radius:12px;
 }
 
-input.short {
-    width: 4em;
-}
 
-input.medium, textarea.medium {
-    width: 12em;
+select, label, input {
+font-family: Helvetica Neue, Arial, Helvetica, sans-serif;
 }
 
-input.long, textarea.long {
-    width: 30em;
+#search-query .query-label {
+	font-size:100%;
+    color: rgb(63,63,63);
+    position: absolute;
+    left: 2.5em;
+    display: none;
+    margin:0 .4em;
+	padding:.4em 0 .3em .6em;
+}
+
+#search-form  {
+	padding:1.5em 1.4em 1.5em;
+}
+
+#search-form #query {
+	font-size:100%;
+	margin:0 .3em;
+	padding:.3em .3em .3em 26px;
+	width:33%;
+    background-color:rgb(255,255,255);
+	border:1px solid rgb(150,150,150);
+}
+
+#search-form select#cat {
+	margin:0 .3em;
+	padding:.27em;
+	width:36%;
+	font-size:100%;
+	color: rgb(63,63,63);
+	background:rgb(255,255,255);
+	border:1px solid rgb(150,150,150);
+}
+
+#search-form button[type="submit"] {
+	margin:0 0 0 1em;
+	padding:.4em .2em .1em .3em;	
+	width:38px;
+	background:rgb(178,178,178);
+	border:3px solid rgb(178,178,178);
+	-moz-border-radius:6px;
+	-webkit-border-radius:6px;
+	border-radius:6px;
+	vertical-align:top;
+}
+
+#search-form button[type="submit"]:hover {
+	background:rgb(80,172,241);
+	border:3px solid rgb(80,172,241);
+	cursor:pointer;
+	}
+	
+.search-form .basic button img {
+	background-image:url(../../img/amo2009/icons/buttons/go-green.gif);
+	height:18px;
+	width:9px;
 }
 
-textarea {
-    width: 99%;
-    display: block;
+.search-form .basic input {
+	background-color:white;
+	background:url(../../img/amo2009/icons/magnifying-glass.gif) no-repeat 0.2em center;
 }
 
-.button-container input {
-    font-weight: bold;
+#advanced-link {
+bottom:0;
+margin:0;
+position:absolute;
+bottom:-36px;
+right:0;
+font-size:80%;
+padding:5px;
 }
 
-.button-container input.cancel {
-    font-weight: normal;
+#advanced-search {
+	display:none;
 }
 
-button.link {
-    background-image: none;
-    border: 0;
-    padding: 0;
-    background-color: #fff;
-    font-weight: normal;
-    cursor: pointer;
-    width: auto;
-    overflow: visible;
-    text-shadow: none;
-    -moz-user-select: text;
+.section-teaser {
+	margin-top:2em;
 }
 
-/* accessibility feature, resize check and radio inputs */
-.radio-container input,
-.checkbox-container input {
-    width: 1em;
-    height: 1em;
+.categories > h3 {
+	display:block;
+	padding:1em .7em;
+	font-weight:bold;
+	font-size:130%;
+	background:rgb(222,229,231);
+	color:rgb(120,120,120);
+	-moz-border-radius-topright:12px;
+	-moz-border-radius-topleft:12px;
+	-webkit-border-top-right-radius:12px;
+	-webkit-border-top-left-radius:12px;
 }
 
-/* @end */
-
-/* @end */
+.highlight h3 {
+	font-size:120%;
+	margin-bottom:.5em;
+	}
 
-/* @group Stars */
+#coll_publish h3 {
+	font-size:90%;
+	margin-bottom:.7em;
+	}
 
-.stars {
-    text-indent:-5000px;
-    background-image: url(../../img/amo2009/icons/stars.png);
-    background-position: 0 50%;
-    background-repeat: no-repeat;
-    margin-right: 0.5em;
-    width: 63px;
-    display: block;
-    float: left;
-}
-.stars-4 {
-    background-position: -13px 50%;
-}
-.stars-3 {
-    background-position: -26px 50%;
-}
-.stars-2 {
-    background-position: -39px 50%;
-}
-.stars-1 {
-    background-position: -52px 50%;
-}
-.stars-0 {
-    background-position: -65px 50%;
+.categories ul {
+	background:rgb(255,255,255);
+	border:8px solid rgb(222,229,231);
+	border-top:none;
+	-moz-border-radius-bottomright:12px;
+	-moz-border-radius-bottomleft:12px;
+	-webkit-border-bottom-right-radius:12px;
+	-webkit-border-bottom-left-radius:12px;
 }
 
-/* @group star select replacement */
+.categories ul ul {
+	border:none;
+	display:inline; /*for ie7 */
+	}
 
-select.replaced {
-    display: none;
-}
-.selectReplacement {
-    cursor: pointer;
-    list-style: none;
-    position: relative;
-    width: 65px;
-    height: 12px;
-    margin: 0;
-    padding:0;
-    background-image:url("../../img/amo2009/icons/starselect.gif");
-    background-position: -65px 0;
-    background-repeat: no-repeat;
-    overflow: hidden;
-}
-.selectReplacement li {
-    display: inline;
-    margin: 0;
-    padding: 0;
-}
-.selectReplacement li a:link,
-.selectReplacement li a:visited,
-.selectReplacement li a:hover,
-.selectReplacement li a:active,
-.selectReplacement li a:focus {
-    display: block;
-    position: absolute;
-    width: 13px;
-    height: 12px;
-    text-indent: -9999px;
-    overflow: hidden;
-    left: 0;
-}
-ul.worst {
-    background-position: -52px 0;
-}
-ul.bad {
-    background-position: -39px 0;
-}
-ul.fair {
-    background-position: -26px 0;
-}
-ul.good {
-    background-position: -13px 0;
-}
-ul.best {
-    background-position: 0 0;
-}
-.selectReplacement li.worst a:link,
-.selectReplacement li.worst a:visited,
-.selectReplacement li.worst a:hover,
-.selectReplacement li.worst a:active,
-.selectReplacement li.worst a:focus {
-    left: 0;
-    z-index: 6;
-}
-.selectReplacement li.bad a:link,
-.selectReplacement li.bad a:visited,
-.selectReplacement li.bad a:hover,
-.selectReplacement li.bad a:focus,
-.selectReplacement li.bad a:active {
-    left: 13px;
-    z-index: 5;
-}
-.selectReplacement li.fair a:link,
-.selectReplacement li.fair a:visited,
-.selectReplacement li.fair a:hover,
-.selectReplacement li.fair a:focus,
-.selectReplacement li.fair a:active {
-    left: 26px;
-    z-index: 4;
-}
-.selectReplacement li.good a:link,
-.selectReplacement li.good a:visited,
-.selectReplacement li.good a:hover,
-.selectReplacement li.good a:focus,
-.selectReplacement li.good a:active {
-    left: 39px;
-    z-index: 3;
-}
-.selectReplacement li.best a:link,
-.selectReplacement li.best a:visited,
-.selectReplacement li.best a:hover,
-.selectReplacement li.best a:focus,
-.selectReplacement li.best a:active {
-    left: 52px;
-    z-index: 2;
-}
-.selectReplacement li a:hover,
-.selectReplacement li a:focus,
-.selectReplacement li a:active {
-    background-position: left top;
-    background-repeat: repeat-x;
-    background-image:url("../../img/amo2009/icons/starselect_single.gif");
-    left: 0;
+.categories ul ul li {
+	border-bottom:1px solid rgb(222,229,231);
+	position:relative;
 }
 
-.selectReplacement li.worst a:hover,
-.selectReplacement li.worst a:focus,
-.selectReplacement li.worst a:active {
-    width: 13px;
-    left: 0;
-}
-.selectReplacement li.bad a:hover,
-.selectReplacement li.bad a:focus,
-.selectReplacement li.bad a:active{
-    width: 26px;
-    left: 0;
-}
-.selectReplacement li.fair a:hover,
-.selectReplacement li.fair a:focus,
-.selectReplacement li.fair a:active{
-    width: 39px;
-    left: 0;
-}
-.selectReplacement li.good a:hover,
-.selectReplacement li.good a:focus,
-.selectReplacement li.good a:active{
-    width: 52px;
-    left: 0;
+.categories ul ul li span {
+	position:absolute;
+	top:0;
+	right:0;
+	padding:.74em;
 }
-.selectReplacement li.best a:hover,
-.selectReplacement li.best a:focus,
-.selectReplacement li.best a:active {
-    width: 65px;
-    left: 0;
-}
-
-/* @end */
-
-/* @end */
-
-/* @group indicators */
 
-.downloads {
-    color: #390;
-    clear: both;
+#addon-listing.featured.listing,
+.featured-inner {
+	margin:0 0 1em 0;
+	padding:20px;
+	background:rgb(255,255,255);
+	border:8px solid rgb(222,229,231);
+	-moz-border-radius:12px;
+	-webkit-border-radius:12px;
+	border-radius:12px;
 }
 
-.subscribe,
-.addons,
-.collections,
-.subscribers,
-.category,
-.tags,
-.share,
-.digg,
-.delicious,
-.facebook,
-.friendfeed,
-.myspace,
-.twitter {
-    background-image: url(../../img/amo2009/icons/icons.png);
-    background-repeat: no-repeat;
-    padding-left: 20px;
-}
 
-.subscribe {
-    background-position: 0 2px;
+.review .reviewed-on {
+font-size:0.8em;
+margin:0.4em 0;
 }
 
-.share {
-    background-position: 0 -100px;
+#addon-list-options ul li.perpage {
+float:right;
 }
 
-.addons {
-    background-position: 0 -200px;
-    padding-bottom: 7px;
-}
-.collections {
-    background-position: 0 -300px;
-}
-.subscribers {
-    background-position: 0 -400px;
-    padding-bottom: 7px;
-}
-.category {
-    background-position: 0 -503px;
-}
-.tags {
-    background-position: 0 -600px;
-}
-.digg {
-    background-position: 0 -900px;
-}
-.delicious {
-    background-position: 0 -1000px;
-}
-.facebook {
-    background-position: 0 -1100px;
-}
-.friendfeed {
-    background-position: 0 -1200px;
-}
-.myspace {
-    background-position: 0 -1300px;
-}
-.twitter {
-    background-position: 0 -1498px;
+.section-teaser {
+	display:none;
 }
 
-span.new {
-    padding: 0.2em 0.5em;
-    background-color: #305083;
-    color: white;
-    -moz-border-radius: 8px;
-    -webkit-border-radius: 8px;
-    border-radius: 8px;
-    background-image: url(../../img/amo2009/bg/heading-dark-blue.jpg);
-    background-repeat: repeat-x;
-    background-position: bottom left;
-    border:  1px solid #021437;
-    text-transform: uppercase;
-    font-size: 0.611em;
+.teaser-header  {
+	display:none;
 }
 
-h3 .secondary a:link, h3 .secondary a:active, h3 .secondary a:visited, h3 .secondary a:hover, h3 .secondary a:focus {
-    vertical-align: middle;
+.primary h1,
+.primary h2,
+.stand-alone-options + div h2 {
+	margin:2em 0 .5em 6px;
+	font-size:160%;
 }
 
-/* @end */
-
-/* @group hReviews */
+.article + h3,
+.featured + h3 {
+	margin-left:21px;
+	}
 
-.hreview {
-    border-bottom: 1px dotted #B5D9E5;
-    padding: 0.5em 0 1em 0;
-    margin-bottom: 0.5em;
+.primary div.listing-header ul {
+float:left;
+margin:0 0 2em 0;
+font-size:80%;
+font-weight:bold;
 }
 
-.hreview p {
-    margin-bottom: 0;
+.listing-footer {
+	float:left;
+	margin:1em 0 1em 26px;
+	font-size:80%;
 }
 
-.hreview:last-child {
-    border-bottom: none;
+.listing-header {
+overflow:hidden;
+padding:0.1em 0 0.1em 0.25em;
 }
 
-/* @end */
-
-/* @group More Info */
 
-.more-info,
-.more-info:link,
-.more-info:visited,
-.more-info:hover,
-.more-info:focus,
-.more-info:active {
-    font-weight: bold;
-    float: right;
-    background-image: url(../../img/amo2009/icons/arrows.gif);
-    background-repeat: no-repeat;
-    background-position:right -153px;
-    padding-right: 1em;
-    color: #0055EE;
+.listing-header li {
+display:inline;
+line-height:2.5;
+margin:0 3px;
 }
 
-.more-info:hover,
-.more-info:focus,
-.more-info:active {
-    background-position:right -203px;
-    color: #003595;
+.install {
+-moz-border-radius:6px;
+-webkit-border-radius:6px;
+border-radius:6px;
+text-align:center;
 }
 
-/* @end */
-
-/* @group Generic Image Styles */
-
-.pull-left {
-    margin-right: 1em;
-    float: left;
-}
-.html-rtl .pull-left {
-    margin-right: auto;
-    margin-left: 1em;
-    float: right;
-}
-.pull-right {
-    margin-left: 1em;
-    float: right;
-}
-.html-rtl .pull-right {
-    margin-left: auto;
-    margin-right: 1em;
-    float: left;
-}
-.teaser-img {
-    text-align: center;
-    display: block;
-}
-img.icon {
-    background-color: #fff;
-    -webkit-border-radius: 4px;
-    -moz-border-radius: 4px;
-    border-radius: 4px;
-    padding: 4px;
+.install.install-container {
+	padding:1px 3px 1px 2px;
+	margin-top:5px;
 }
 
-h5 img.icon,
-h2 img.icon {
-    float: left;
-    margin-right: 10px;
-}
-h2 img.icon {
-    position: relative;
-    top: -0.2em;
-}
-img.avatar {
-    border: 3px solid #FFFFFF;
+.install.install-container {
+	float:right;
+	xbackground:rgb(216,223,225);
+	xpadding:4px 7px 4px 6px;
+	xborder:1px solid rgb(178,178,178);
+	xborder-top:1px solid rgb(216,223,225);
+	xborder-left:1px solid rgb(216,223,225);
 }
 
-img.photo-large {
-    padding: 5px;
-    background-color: #FFFFFF;
-    width: 200px;
-    max-width: 99.9%;
-    border: none;
-    border-bottom: 1px solid #B5D9E5;
-    border-right: 1px solid #B5D9E5;
+.addon_block.item .install.install-container {
+	float:left;
 }
 
-.screenshot.thumbnail {
-    border: 3px solid #C9E8F3;
-    float: left;
-    margin-right: 1em;
-    margin-bottom: 1em;
-    height: 150px;
-    width: 200px;
-}
+.featured-inner .install.install-container .button.positive {
+	float:left;
+	} 
 
-.screenshot.thumbnail img {
-    display: block;
+.install.install-container {
+	display:block !important;
+	clear:left;
+	float:right;
+	width:auto;
+	margin-left:12px;
 }
 
-.hasJS .screenshot.thumbnail {
-    position: relative;
-}
+.install.install-container.unavailable {
+	display:none !important;
+	}
 
-.hasJS .screenshot.thumbnail .img-control {
-    position: absolute;
-    top: -10px;
-    right: -10px;
-    width: 18px;
-    height: 18px;
-    overflow: hidden;
-}
+#addon-summary .install.install-container {
+	float:left;
+	}
 
-img.scale {
-    width: 100%;
+.install-button-text {
+	padding-left:10px;
+	font-weight:bold;
+	margin:0;
 }
 
-/* @end */
-
-/* @group Buttons */
+p.install-button {
+	margin-bottom:0;
+	}
 
-a:link.button,
-a:visited.button,
-a:hover.button,
-a:focus.button,
-a:active.button,
-button,input[type=submit],input[type=button] {
-    background-image: url(../../img/amo2009/bg/button-blue.jpg);
-    background-color:#73B9FF;
-    background-position:center center;
-    background-repeat:repeat-x;
-    padding:0 0.6em 0 0.5em;
-    -moz-border-radius: 13px;
-    -webkit-border-radius: 8px;
-    border-radius: 10px;
-    color:#FFFFFF;
-    font-family:helvetica, arial, sans-serif;
-    text-decoration:none;
-    font-size:1em;
-    text-shadow:-1px -1px 1px #196CF2;
-    white-space:nowrap;
-    overflow:visible;
-    cursor:pointer;
-    border:1px solid #258BFF;
-    margin:0.3em 0;
-    vertical-align:middle;
+.install.install-container strong {
+	font-size:85%;
+	display:block;
+	margin-top:4px;
+	display:none;
 }
 
-.button.disabled,
-button.disabled,
-button:disabled,
-input[type=submit].disabled,
-input[type=submit]:disabled {
-  background-image: url(../../img/amo2009/bg/button-gray.jpg);
-  background-color: #ccc;
-  border-color: #aaa;
-  text-shadow:-1px -1px 1px #999;
-  color: #eee;
-}
-
-a:link.button img,
-a:visited.button img,
-a:hover.button img,
-a:focus.button img,
-a:active.button img,
-button img {
-    vertical-align:middle;
-    padding:0;
-    margin:0;
-    border-left:none;
-    border-top:none;
-    border-bottom:none;
-    border-right:1px solid #3399FF;
-    margin:0 0.6em 0.25em 0;
-    padding:0.1em 0.5em 0.1em 0;
-}
-
-a:link.auxillary,
-a:visited.auxillary,
-a:hover.auxillary,
-a:focus.auxillary,
-a:active.auxillary,
-button.auxillary {
-    font-size:0.923em;
-    padding:0.15em 1em 0.1em 0.7em;
-}
-
-a:link.prominent,
-a:visited.prominent,
-a:hover.prominent,
-a:focus.prominent,
-a:active.prominent,
-button.prominent {
-    font-size:1.2em;
-    -moz-border-radius: 13px;
-    -webkit-border-radius: 11px;
-    border-radius: 13px;
-}
-
-a:link.significant,
-a:visited.significant,
-a:hover.significant,
-a:focus.significant,
-a:active.significant,
-button.significant {
-    font-size:1.2em;
-    -moz-border-radius: 16px;
-    -webkit-border-radius: 14px;
-    border-radius: 16px;
-    font-weight: bold;
-    padding:0.4em 0.8em 0.3em 0.5em;
-    line-height: 2em;
-}
+.addon-listing blockquote p {
+	clear:right;
+	padding-top:.8em;
+	}
+	
+.default.item .meta,
+.addon-listing .meta {
+	border-top:1px solid rgb(216,223,225);
+	margin-top:.6em;
+	}
+	
+.meta span.downloads {
+	display:block;
+	font-size:95%;
+	}	
 
-a:link.significant img,
-a:visited.significant img,
-a:hover.significant img,
-a:focus.significant img,
-a:active.significant img,
-button.significant img {
-    /* padding:0 0.4em 0.2em 0.2em; */
-    /* margin-right: 0.4em; */
-        margin-bottom:0.4em;
-    margin-right:0.6em;
-    padding:0.4em 0.6em 0.2em 0.2em;
+.object-lead .meta {
+border-left:1px dotted #B4DFEE;
+float:right;
+margin:2em 2% 0 1em;
+padding-left:2%;
+width:18em;
 }
 
+.object-lead h3 {
+	font-size:130%;
+	margin-bottom:.5em;
+	}
+
 a:link.button.neutral,
 a:visited.button.neutral,
 a:hover.button.neutral,
@@ -945,3358 +955,1853 @@ button.neutral {
     text-shadow:-1px -1px 1px #BF6524;
 }
 
+button {
+	margin-bottom:.3em;
+	}
+
 a:link.button.neutral img,
 a:visited.button.neutral img,
 a:hover.button.neutral img,
 a:focus.button.neutral img,
 a:active.button.neutral img,
 button.neutral img {
-    border-right:1px solid #DD7711;
-}
-
-a:link.button.positive,
-a:visited.button.positive,
-a:hover.button.positive,
-a:focus.button.positive,
-a:active.button.positive,
-button.positive {
-    background-color:#8CC553;
-    background-image: url(../../img/amo2009/bg/button-green.jpg);
-    border: 1px solid #488F03;
-    text-shadow:-1px -1px 1px #7BAB29;
-}
-
-a:link.button.positive img,
-a:visited.button.positive img,
-a:hover.button.positive img,
-a:focus.button.positive img,
-a:active.button.positive img,
-button.positive img {
-    border-right:1px solid #55AA00;
-}
-
-a:link.negative,
-a:visited.negative,
-a:hover.negative,
-a:focus.negative,
-a:active.negative,
-button.negative {
-    background-color:#EC7F82;
-    background-image: url(../../img/amo2009/bg/button-red.jpg);
-    border: 1px solid #CF2F1E;
-}
-
-a:link.negative img,
-a:visited.negative img,
-a:hover.negative img,
-a:focus.negative img,
-a:active.negative img,
-button.negative img {
-    border-right:1px solid #E54C4F;
-}
-
-a:link.button.cool,
-a:visited.button.cool,
-a:hover.button.cool,
-a:focus.button.cool,
-a:active.button.cool,
-button.cool {
-    background-color: #8D96A7;
-    background-image: url(../../img/amo2009/bg/button-dark-blue.jpg);
-    border: 1px solid #22334f;
-    text-shadow:-1px -1px 1px #7C869A;
-}
-
-a:link.button.cool img,
-a:visited.button.cool img,
-a:hover.button.cool img,
-a:focus.button.cool img,
-a:active.button.cool img,
-button.cool img {
-    border-right:1px solid #18243B;
-}
-
-a:link.button[disabled=disabled],
-a:visited.button[disabled=disabled],
-a:hover.button[disabled=disabled],
-a:focus.button[disabled=disabled],
-a:active.button[disabled=disabled],
-button[disabled=disabled],
-input[type=submit][disabled=disabled] {
-    opacity: 0.5;
-    cursor: default;
-}
-
-/* @end */
-
-/* @group Add To Favourites */
-
-button.add-to-fav {
-    margin: 0;
-    padding: 0.5em 0 0.2em 19px;
-    background: none;
-    background-image: url(../../img/amo2009/icons/fav-off.gif);
-    background-position: left center;
-    background-repeat: no-repeat;
-    -moz-border-radius: 0;
-    border:none;
-    color: #0055EE;
-    cursor:pointer;
-    text-shadow:none;
-    white-space: normal;
-    font-size: 0.923em;
-    font-weight: bold;
+      padding-top:2px;
+      padding-right:8px;
 }
 
-button.add-to-fav.fav {
-    color: #CC0000;
-    background-image: url(../../img/amo2009/icons/fav-on.gif);
+.ui-tabs-nav li {
+float:left;
+font-weight:bold;
+margin:0 0 0 2px;
 }
 
-form button.add-to-fav:hover,
-form button.add-to-fav:focus {
-    color: black;
-}
+.item h3 span, .item h4 span {
+	display:block;
+	font-size:70%;
+	}
 
-form button.add-to-fav.loading-fav,
-form button.add-to-fav.loading-fav:hover,
-form button.add-to-fav.loading-fav:focus,
-form button.add-to-fav.loading-fav:active {
-    color: #A4A5A5;
-    background-image: url(../../img/amo2009/icons/orange-loading.gif);
+.listing .item, .separated-listing .item {
+	font-size:.8em;
+background-color:#FFFFFF;
+clear:both;
+overflow:hidden;
+padding:1em 1em 1em 65px;
+position:relative;
 }
 
-/*.favorite {
-    background-image: url(../../img/amo2009/icons/icons.png);
-    background-repeat: no-repeat;
-    background-position: 0 -700px;
-    padding-left: 20px;
-    padding-bottom: 7px;
-    cursor: pointer;
-}
-.favorite-loading {
-    background-image: url(../../img/amo2009/icons/orange-loading.gif);
-    background-position: 0 0;
+.listing.results .item, .separated-listing .item {
+	border-bottom:1px solid rgb(216,223,225);
 }
+	
+#addon-summary .install.install-container strong {
+	font-size:85%;
+}	
 
-.favorite-added {
-    background-image: url(../../img/amo2009/icons/icons.png);
-    background-position: 0 -800px;
-    color: #D11F1F;
-} */
-
-form.favorite {
-    margin: 0;
+.listing .item img.icon, .separated-listing .item img.icon {
+left:1px;
+position:absolute;
+top:.9em;
+padding:6px;
+xborder:8px solid rgb(222,229,231);
+-moz-border-radius:12px;
+-webkit-border-radius:12px;
+border-radius:12px;
 }
 
-/* @end */
-
-.privacy-policy {
-    margin-left: 1em;
-    margin-top: 0.5em;
-}
+.addon-listing div{
+	position:relative;
+	}
 
-.prose {
-    margin: 1em;
-}
-.primary.prose {
-    margin: 0;
+.addon-listing h3 {
+	font-size:120%;
 }
 
-.accessibility-only {
-    display:block;
-    float:left;
-    height:1px;
-    overflow:hidden;
-    text-indent:-5000px;
-    width:1px;
+#footer p,#footer ul {
+	clear:left;
+	font-size:80%;
 }
 
-/* @end */
-
-/* @group Page structure */
-
-.section {
-    width: 90%;
-    overflow: hidden;
-    padding: 0 2%;
-    margin: 0 auto;
-    max-width: 90em;
-    min-width: 20em;
-    position: relative;
-    min-height: 30em;
+#footer ul {
+	float:left;
+	margin:1em 0;
 }
 
-/* @group Header */
-
-#header {
-    position: relative;
-    padding: 1px 0 0 0;
-}
+#footer ul li {
+	display:inline;
+	margin:1em .5em;
+}
+
+#footer ul li:first-child {
+margin:0;
+}
+
+.primary .secondary .item {
+	margin-bottom:2em;
+	}
+
+
+.primary .secondary img {
+	padding:8px;
+	border:8px solid rgb(222,229,231);
+	-moz-border-radius:12px;
+	-webkit-border-radius:12px;
+	border-radius:12px;
+}
+
+.primary .secondary .item img.icon {
+	border:none;
+	padding:0;
+	}
+
+.primary .item h3 img.icon {
+	margin-right:20px;
+	}
+
+.primary .secondary img.icon {
+	float:left;
+	margin:0 12px 12px 0;
+	}
+
+.primary .secondary a.screenshot.thumbnail img,
+.preview a img {
+	float:right;
+	padding:0;
+	border:0;
+	}
+
+.primary .preview img {
+	float:right;
+	border:4px solid rgb(133,133,133);
+	-moz-border-radius:4px;
+	-webkit-border-radius:4px;
+	border-radius:4px;
+	}
+	
+.primary .preview img:hover {
+	border:4px solid rgb(80,172,241);
+	}	
+
+#addon-summary a.button img {
+	float:left;
+	padding:3px 0 0 3px;
+	margin-right:4px;
+	}
 
-/* @group Title */
+.share-this {
+	margin-top:1em;
+	float:left;
+	width:80%;
+	}
 
-#title {
-    font-size: 3.231em; /* 42px */
-    color: #223355;
-    font-weight: bold;
-    margin-top: 1.2em;
-    margin-bottom: 0.4em;
-    line-height: 0.8;
+.primary .secondary h3 {
+	margin:.5em 0;
 }
 
-#title a:link,
-#title a:visited,
-#title a:hover,
-#title a:focus,
-#title a:active {
-    color: #223355;
-    text-decoration: none;
-    background: none;
-}
+.clearboth {
+	margin-bottom:1em;
+	}
 
-#title em {
-    color: #445577;
-    font-weight: normal;
-    font-style: italic;
-}
+h3.compact-bottom {
+	font-size:120%;
+	margin-bottom:.5em;
+	}
 
-#title img {
-    vertical-align: middle;
-    position: relative;
-    top: -0.1em;
+.primary .secondary h4 {
+	font-size:130%;
+	margin:.5em 0 1em;
 }
 
-/* @end */
-
-/* @group Brand */
-
-#brand {
-    position: absolute;
-    top: 4px;
-    left: 0;
-    margin: 0;
-}
+#addon h3,#addon h4 {
+	font-size:140%;
+	margin-bottom:.8em;
+	}
 
-#brand a:link,
-#brand a:visited,
-#brand a:hover,
-#brand a:focus,
-#brand a:active {
-    background-image: url(../../img/amo2009/tab-mozilla.png);
-    background-position: top left;
-    background-repeat: no-repeat;
-    width: 90px;
-    height: 31px;
-    overflow: hidden;
-    display: block;
-    text-indent: -5000px;
+#footer .secondary img {
+	margin:0 auto 2em;
+	padding:8px;
+	display:block;
+	border:8px solid rgb(222,229,231);
+	-moz-border-radius:12px;
+	-webkit-border-radius:12px;
+	border-radius:12px;
+}
+
+.addons_column {
+	clear:left;
+	float:left;
+	width:41.9%;
+	padding:0 10px 0 12px;
+	margin: 0 2% 22px 2px;
+	border:8px solid rgb(222,229,231);
+	-moz-border-radius:12px;
+	-webkit-border-radius:12px;
+	border-radius:12px;
+	}
+
+#popular_addons {
+	margin-right:0;
+	clear:none;
+	}	
+
+#updated_addons {
+	width:91.8%;
+}
+	
+#updated_addons ul li {
+	float:left;
+	width:47.6%;
+	display:block;
+}	
+
+#updated_addons ul li.even {
+	margin-left:3%;
 }
 
-/* @end */
-
-/* @group Stats */
-
-.stats {
-    font-size: 0.923em;
-    text-align: right;
-    margin: -4.8em 1em 0 0;
-    padding: 0;
-    float: right;
-    color: #223355;
-    display: table;
-    border-collapse: collapse;
+.addons {
+background-position:0 -200px;
+padding-bottom:7px;
 }
 
-.hasJS .stats {
-    margin: -8em 0 0 0;
+.subscribe, .addons, .collections, .subscribers, .category, .tags, .share, .digg, .delicious, .facebook, .friendfeed, .myspace, .twitter {
 }
 
-.stats li {
-    padding: 0.1em 0;
-    line-height: 1.2em;
+.barometer .upbar, .barometer .downbar, .barometer .novotes {
+height:0.7em;
+margin-top:0.6em;
 }
 
-.hasJS .stats li {
-    border-bottom: 1px dotted #94BFCE;
-    padding: 0.2em 0;
-    line-height: 1.25em;
-    display: table-row-group;
+.barometer .novotes {
+background-color:#D9D9D9;
 }
-
-.hasJS .stats li a {
-    display: table-row;
+.barometer .votecount {
+margin-top:-1000em;
+position:absolute;
 }
 
-.stats li:last-child {
-    border-bottom: none;
-}
 
-.stats strong, .stats span {
-    display: table-cell;
-    padding: 0.1em 0.2em;
+.barometer .upvotes {
+background-image:url(../../img/amo2009/icons/thumbs.png);
+background-position:left 33.2%;
+color:#00B960;
+margin-right:0.2em;
+padding-left:1.2em;
 }
 
-.stats span {
-    text-align: left;
-}
+.barometer .upvotes, .barometer .downvotes {
 
-.stats strong {
-    color: #C63717;
-    font-size: 1.33em;
-    font-weight: normal;
+background-color:transparent;
+background-repeat:no-repeat;
+border:0 none;
+cursor:pointer;
+margin:0;
+padding:0.1em 0 0;
+text-shadow:none;
 }
 
-/* @end */
-
-/* @group Aux nav */
-
-#aux-nav {
-    position: absolute;
-    top: 5px;
-    right: 0;
-    margin: 0 0 0 100px;
-    font-size: 0.923em;
-    padding: 0;
-    text-align: right;
-    color: #757778;
+.addons_column p.view-all {
+	clear:left;
+	float:left;
+	width:auto;
+	font-size:80%;
+	margin:16px 0;
 }
 
-#aux-nav p.context {
-    display: block;
-    float: right;
-    padding-top: 0.5em;
-    padding-right: 1em;
-    position: absolute;
-    top: 5px;
-    right: 0;
+div.addons_column ul li a img.icon {
+left:6px;
+position:absolute;
+top:6px;
 }
-
-.hasJS #aux-nav p.context {
-    position: static;
+	
+#categoriesdropdown {
+	display:block !important;
 }
 
-#aux-nav ul {
-    display: block;
-    padding-top: 0.7em;
-    z-index: 1;
-}
+.dropdown-categories h3 img {
+	display:none;
+}	
 
-.hasJS #aux-nav ul {
-    float: right;
-    padding-right: 1em;
+.addons_column h3 {
+	font-size:120%;
+	margin:.5em 0 .9em 0;
 }
 
-#aux-nav span.greeting {
-    margin-right: 1em;
+ol.breadcrumbs {
+	display:none;
 }
 
-#aux-nav .settings {
-    margin-right: 1em;
+h2.addon {
+	clear:right;
+	width:71.47%;
+	margin:22px 0 0 27%;
+	padding-top:22px;
+ 	position:relative;
+	display:block;
 }
 
-#aux-nav a:link,
-#aux-nav a:visited,
-#aux-nav a:hover,
-#aux-nav a:focus,
-#aux-nav a:active {
-    /*margin-left: 1em;*/
-    font-weight: bold;
-    white-space: nowrap;
-}
+h2.addon span {
+	font-size:170%;
+	position:absolute;
+	top:40px;
+	left:65px;
+	}
 
-/* #aux-nav a.change:link,
-#aux-nav a.change:visited,
-#aux-nav a.change:hover,
-#aux-nav a.change:focus,
-#aux-nav a.change:active {
-    background-image: url(../../img/amo2009/bg/border-header-user-options.gif);
-    background-repeat: no-repeat;
-    background-position: top left;
-    display: block;
-    padding-top: 0.7em;
-    padding-left: 1em;
-    float: right;
+h2 img.icon {
+	margin:17px 10px 0 20px;
 }
 
-#aux-nav .tools {
-    margin: 0 1em;
-} */
-
-/* @group Change */
-
-#aux-nav ul.change {
-    margin: 2.5em 0 0 0;
-    padding: 0;
+#addon .primary {
+	xfloat:left;
+	xwidth:73.47%;
 }
 
-.hasJS #aux-nav ul.change {
-    background-image: url(../../img/amo2009/bg/border-header-user-options.gif);
-    background-repeat: no-repeat;
-    background-position: top right;
-    margin-top: 0;
-    border-right: 3px solid transparent;
-    position: relative;
+.featured:after {
+	content: ".";
+	display: block;
+	height: 0;
+	clear: both;
+	visibility: hidden;
 }
 
-#aux-nav ul.change li {
-    display: inline;
-    margin-left: 1em;
-}
+* html .featured {height:1%} /* IE5 + IE6 auto clear filter */
 
-.hasJS #aux-nav ul.change li {
-    background-image: url(../../img/amo2009/bg/border-header-user-options.gif);
-    background-repeat: no-repeat;
-    background-position: top left;
-    display: block;
-    margin-left: 0;
-}
+*:first-child+html .featured {min-height:1px;} /*for IE7 */
 
-#aux-nav ul.change li li {
-    background-image: none;
-    background-repeat: no-repeat;
-    background-position: top left;
-}
+.featured-inner {
+	float:left;
+	margin-right:10px;
+	width:92%;
+	}
 
-.hasJS #aux-nav .change li ul li {
-    background-color: #FFFFFF;
-    background-image: url(../../img/amo2009/bg/header-dropdown.png);
-    background-repeat: repeat-x;
-    background-position: top left;
-    border-top: 1px solid #D0EBF4;
-    width: 11em;
-    text-align: left;
-    margin: 0;
-    padding: 0;
-}
+.featured-inner .secondary {
+	float:right;
+	}
 
-.hasJS #aux-nav .change li ul li a {
-    background-repeat: no-repeat;
-    background-position: top left;
-    display: block;
-    margin: 0;
-    padding: 0.3em 0.3em 0.3em 45px;
-}
+.featured.listing.results div.featured-inner {
+	width:90%;
+	}
 
-.hasJS #aux-nav .change li ul li.firefox a {
-    background-image: url(../../img/amo2009/icons/logos-applications.gif);
-    background-repeat: no-repeat;
-    background-position: 1em 0;
-}
-.hasJS #aux-nav .change li ul li.thunderbird a {
-    background-image: url(../../img/amo2009/icons/logos-applications.gif);
-    background-repeat: no-repeat;
-    background-position: 1em -50px;
-    top: 24px;
-}
-.hasJS #aux-nav .change li ul li.sunbird a {
-    background-image: url(../../img/amo2009/icons/logos-applications.gif);
-    background-repeat: no-repeat;
-    background-position: 1em -100px;
-}
-.hasJS #aux-nav .change li ul li.seamonkey a {
-    background-image: url(../../img/amo2009/icons/logos-applications.gif);
-    background-repeat: no-repeat;
-    background-position: 1em -150px;
-}
-.hasJS #aux-nav .change li ul li.mobile a {
-    background-image: url(../../img/amo2009/icons/logos-applications.gif);
-    background-repeat: no-repeat;
-    background-position: 1em 0;
+#addon-summary {
+	float:left;
+	width:53%;
 }
 
-
-#aux-nav ul.change a.controller:link,
-#aux-nav ul.change a.controller:visited,
-#aux-nav ul.change a.controller:focus,
-#aux-nav ul.change a.controller:hover,
-#aux-nav ul.change a.controller:active {
-    padding: 0.7em 1em 0 1em;
-    cursor:default;
-    color: #333333;
-    text-decoration: none;
+#addon-summary ul.addon-cats {
+	display:none;
 }
 
-.hasJS #aux-nav ul.change a.controller:link,
-.hasJS #aux-nav ul.change a.controller:visited,
-.hasJS #aux-nav ul.change a.controller:focus,
-.hasJS #aux-nav ul.change a.controller:hover,
-.hasJS #aux-nav ul.change a.controller:active {
-    padding: 0.7em 20px 0.5em 1em;
-    display: block;
-    cursor:pointer;
-    color: #0055EE;
-    background-image: url(../../img/amo2009/icons/arrows.gif);
-    background-repeat: no-repeat;
-    background-position: 95% -65px;
+.object-lead table {
+	clear:both;
+	float:left;
+	margin-top:1em;
+	width:100%;
 }
 
-.hasJS #aux-nav ul.change a.controller:focus,
-.hasJS #aux-nav ul.change a.controller:hover,
-.hasJS #aux-nav ul.change a.controller:active {
-    text-decoration: underline;
-    color: #003595;
-    background-position: 95% -105px;
+.object-lead table tr:first-child td, .object-lead table tr:first-child th {
+border-top:medium none;
 }
 
-#aux-nav ul.change ul {
-    display: inline;
+.object-lead table tr td, .object-lead table tr th {
+border-bottom:medium none;
+border-top:1px dotted #A5C9D5;
 }
 
-.hasJS #aux-nav ul.change ul {
-    display: none;
-    position: absolute;
-    right: -3px;
-    padding: 0;
-    border-right: 3px solid #A2C2D7;
-    border-bottom: 3px solid #A2C2D7;
+.object-lead table tr th {
+width:20%;
 }
 
-/* @end */
-
-/* @group Tools */
-
-#aux-nav ul.tools {
-    margin: -0.5em 0 0 0;
-    padding: 0;
-    background-image: none;
+tbody tr th, tbody tr td {
+border-top:1px solid #DDDDDD;
 }
 
-.hasJS #aux-nav ul.tools {
-    margin: 0;
-    position: relative;
-    border-right: 3px solid transparent;
+th, td {
+padding:0.308em 0.537em 0.214em 0.231em;
+text-align:left;
 }
 
-#aux-nav ul.tools li {
-    background-image: none;
-    display: inline;
-    margin-left: 1em;
+.article {
+	font-size:90%;
+	padding:1em 20px;
+	border:1px solid rgb(216,223,225);
+	margin-bottom:2em;
+	-moz-border-radius:8px;
+	-webkit-border-radius:8px;
+	border-radius:8px;
+	}
+
+.article p {
+	margin-bottom:.5em;
+	}
+
+#addon-summary > p {
+	width:100%;
+	float:left;
+	margin-bottom:1em;
+	}		
+	
+.search-form .important div {
+display:inline;
+white-space:nowrap;
 }
 
-.hasJS #aux-nav ul.tools li {
-    display: block;
-    margin-left: 0;
+form fieldset .container {
+margin:1em 0;
+position:relative;
 }
 
-#aux-nav ul.tools li li {
-    background-image: none;
-    background-repeat: no-repeat;
-    background-position: top left;
+.expanded-search-form .advanced {
+display:block;
+margin-left:6px;
 }
 
-.hasJS #aux-nav .tools li ul li {
-    background-color: #FFFFFF;
-    background-image: url(../../img/amo2009/bg/header-dropdown.png);
-    background-repeat: repeat-x;
-    background-position: top left;
-    border-top: 1px solid #D0EBF4;
-    width: 10em;
-    text-align: left;
-    margin: 0;
-    padding: 0.3em 0.3em 0.3em 1em;
+.search-form .subsidiary .container {
+display:inline;
+float:left;
+width:48%;
 }
 
-#aux-nav ul.tools a.controller:link,
-#aux-nav ul.tools a.controller:visited,
-#aux-nav ul.tools a.controller:focus,
-#aux-nav ul.tools a.controller:hover,
-#aux-nav ul.tools a.controller:active {
-    padding: 0.7em 1em 0 1em;
-    cursor:default;
-    color: #333333;
-    text-decoration: none;
+form fieldset .container {
+margin-bottom:0;
+margin-top:1em;
+position:relative;
 }
 
-.hasJS #aux-nav ul.tools a.controller:link,
-.hasJS #aux-nav ul.tools a.controller:visited,
-.hasJS #aux-nav ul.tools a.controller:focus,
-.hasJS #aux-nav ul.tools a.controller:hover,
-.hasJS #aux-nav ul.tools a.controller:active {
-    padding: 0.7em 20px 0.5em 1em;
-    display: block;
-    cursor:pointer;
-    color: inherit;
-    text-decoration: inherit;
-    color: #0055EE;
-    background-image: url(../../img/amo2009/icons/arrows.gif);
-    background-repeat: no-repeat;
-    background-position: 95% -65px;
+.search-form fieldset:first-child {
+border-bottom:1px solid rgb(216,223,225);
+padding-bottom:1em;
+padding-top:1em;
 }
 
-.hasJS #aux-nav ul.tools a.controller:focus,
-.hasJS #aux-nav ul.tools a.controller:hover,
-.hasJS #aux-nav ul.tools a.controller:active {
-    color: #003595;
-    text-decoration: underline;
-    background-position: 95% -105px;
+.item .item-info {
+border-left:1px dotted #B4DFEE;
 }
 
-#aux-nav ul.tools ul {
-    display: inline;
+.item-info {
+float:right;
+margin-left:2%;
+padding-left:2%;
+width:13em;
+}
+
+.item h3  {
+	font-size:180%;
+	}
+		
+#featured_addons {
+	width:90.1%;
+	float:left;
+	margin:0 0 1.2em 0;
+}
+
+#featured_addons .addon_block.item {
+	float:left;
+	width:100%;	
+	padding:16px 16px;
+	margin-bottom:1em;
+	background:rgb(255,255,255);
+	border:8px solid rgb(222,229,231);
+	-moz-border-radius:12px;
+	-webkit-border-radius:12px;
+	border-radius:12px;
+	}
+
+#featured_addons .addon_block.item .preview {
+	float:right;
+	margin:-40px 20px 0 0;
+	width:240px;
+	}
+
+.item-info .install-container,
+#featured_addons .install-container {
+	margin-top:1em;
+	margin-bottom:.5em;
+	}
+
+#featured_addons .install-container p {
+	margin-bottom:0;}
+
+#featured_addons h4.name {
+	float:left;
+	width:auto;
+	}
+	
+h4.other-author-addons	{
+	font-size:80%;
+	}
+
+h4.author {
+	margin:-.5em 0 1em 34%;
+	width:71.4%;
+	}	
+	
+form#addons-author-addons {
+	margin-bottom:1em;
+	}
+	
+#featured_addons p {
+	clear:left;
+	display:block;
+	float:left;
+	width:auto;
+	margin-bottom:1em;
+}	
+
+#featured_addons ul {
+	list-style:none;
+	margin: -.3em 0 0;
+	}
+
+#featured_addons p.authors {
+	font-size:85%;
+	}
+
+#featured_addons p.summary {
+	float:left;
+	width:60%
+	}	
+	
+.stars {
+background-image:url(../../img/amo2009/icons/stars.png);
+background-position:0 50%;
+background-repeat:no-repeat;
+display:block;
+float:left;
+margin-right:0.5em;
+text-indent:-5000px;
+width:63px;
 }
 
-.hasJS #aux-nav ul.tools ul {
-    display: none;
-    position: absolute;
-    right: -3px;
-    padding: 0;
-    border-right: 3px solid #A2C2D7;
-    border-bottom: 3px solid #A2C2D7;
+.results .item .item-info .downloads {
+display:block;
+margin-left:0;
 }
 
-/* @end */
-
-.hasJS #aux-nav .expanded .controller {
-    background-color: #FFFFFF;
-    padding-bottom: 1em;
+.item .downloads {
+margin-left:1em;
 }
 
-.hasJS #aux-nav ul.expanded {
-    border-right: 3px solid #A2C2D7;
+ p.downloads{
+font-size:90%;
+margin:.5em 0;
 }
 
-/* @end */
-
-/* @end */
-
-/* @group Footer */
+.item .meta span.downloads{
+	margin-left:0;
+	}
 
-#footer {
-    background-image: url(../../img/amo2009/bg/footer.png);
-    background-repeat: repeat-x;
-    background-position: 0 50px;
-    clear: both;
-    padding-bottom: 1em;
-}
-#footer .section {
-    min-height: 0;
-}
-#footer .primary {
-    float: left;
-    padding-top: 70px;
-    background-image: url(../../img/amo2009/logo-mozilla.gif);
-    background-repeat: no-repeat;
-    background-position: 0 70px;
-    clear: none;
-}
-#footer .secondary {
-    float: right;
-    text-align: right;
-    clear: none;
-}
-#footer .secondary img {
-    max-width: 190px;
-    width: 100%;
-}
-#footer p {
-    margin-bottom: 0;
-    margin-left: 60px;
-    margin-right: 1em;
-}
-#footer ul {
-    font-size: 0.846em;
-    line-height: 1.273;
-    margin-top: 0.3em;
-    padding: 0;
-    margin-left: 60px;
-    margin-right: 1.273em;
-}
-#footer ul li {
-    display: inline;
-    margin-right: 1em;
-}
-#footer .disclaimer {
-    font-size: 0.846em;
-    line-height: 1.273;
-    color: #666666;
-    margin-right: 1.273em;
+.downloads {
+clear:both;
 }
 
-#footer .languages {
-    float: right;
-    margin: 0;
+.item-sort {
+float:right;
+margin:0.2em 0.5em 0;
+text-align:right;
+white-space:nowrap;
 }
 
-/* @end */
-
-/* @group Layout constructs */
-
-.primary {
-    width: 73.47%;
-    float: right;
-    clear: right;
-    display: inline;
-}
-.secondary {
-    width: 24.49%;
-    float: left;
-    clear: both;
+.listing-header ul {
+	margin-bottom:1em;
+	}
+	
+h3.result-count {
+	margin:0 0 1em 10px;
+	}
+	
+/** Review box **/
+#form-review .login, #form-review h3 {
     display: inline;
 }
 
-.primary .primary {
-    width: 63.889%;
+#form-review h4, #form-review .selectReplacement  {
     float: left;
-    clear: none;
 }
 
-.primary .secondary {
-    margin-bottom: 2em;
-    width: 33.333%;
+.html-rtl #form-review h4, .html-rtl #form-review .selectReplacement  {
     float: right;
-    clear: none;
 }
 
-/* @group Inverse layout */
-
-.inverse .primary {
-    float: left;
-    clear: left;
-}
-.inverse .secondary {
-    float: right;
-    clear: right;
-}
-.inverse .primary .primary {
-    float: left;
-    clear: none;
-}
-.section .inverse .primary {
-    float: right;
-    clear: none;
-}
-.inverse .primary .secondary {
-    float: right;
-    clear: none;
-}
-.section .inverse .secondary  {
-    float: left;
+#form-review .selectReplacement, #form-review .stars {
+    margin: 4px 0 0 5px;
     clear: none;
 }
 
-/* @end */
-
-.column-wrapper {
-    overflow: hidden;
-}
-
-.column {
-    float: left;
-    width: 32%;
-    display: inline;
-    margin-left: 2%;
+#form-review .stars {
+    margin: 1px 0 0 5px;
+    height: 12px;
 }
 
-.first {
+.html-rtl #form-review .selectReplacement, .html-rtl #form-review .stars {
     margin-left: 0;
+    margin-right: 5px;
 }
 
-/* @end */
-
-
-/* @end */
-
-/* @group Page Components */
-
-.secondary fieldset {
-    border: none;
-    padding: 0;
-}
-
-.secondary select#add-to-collection {
-    width: 100%;
-    margin: 0.5em 0;
-}
-
-.secondary li a:link,
-.secondary li a:visited,
-.secondary li a:hover,
-.secondary li a:focus,
-.secondary li a:active {
-    font-weight: bold;
-}
-
-/* @group Featured */
-
-.featured {
-    border: 4px solid #B5D9E5;
-    background-color: #B5D9E5;
-    -webkit-border-radius: 5px;
-    -moz-border-radius: 5px;
-    border-radius: 5px;
-    margin-bottom: 2em;
-    clear: both;
-}
-.featured-inner {
-    background-color: #fff;
-    border: 1px solid #2E5186;
-    -webkit-border-radius: 3px;
-    -moz-border-radius: 3px;
-    border-radius: 3px;
-}
-
-/* @end */
-
-/* @group Article */
-
-.article {
-    background-color: #fff;
-    border: 1px solid #C9E8F3;
-    -webkit-border-radius: 3px;
-    -moz-border-radius: 3px;
-    border-radius: 3px;
-    padding: 1em;
-    overflow: hidden;
-}
-.secondary .article {
-    margin-bottom: 1em;
-}
-
-.article h4 {
-    clear: both;
-    margin-bottom: 0.3em;
-}
-
-.article img .screenshot {
-    margin-top: 1em;
-    margin-right: 2em;
-}
-
-.article a:link,
-.article a:visited,
-.article a:hover,
-.article a:focus,
-.article a:active {
+#form-review a {
     font-weight: bold;
 }
 
-.article ul.further-navigation {
-    border-top: none;
-    padding-top: 0;
-    margin-bottom: 0;
-}
-
-/* @end */
-
-/* @group Notification */
-
-.notification {
-    background-color: #FFFFFF;
-    border: 1px solid #C8E8F3;
-    -moz-border-radius: 5px;
-    -webkit-border-radius: 5px;
-    border-radius: 5px;
-    padding: 1em;
-    color: #444444;
-    margin-bottom: 2em;
-    position: relative;
-}
-
-.notification h3 {
-    font-style: italic;
-    font-weight: normal;
-    line-height: 1.5em;
-    color: #223355;
-    margin-top: 0;
-}
-
-.about .notification h3 {
-    display: inline;
-}
-
-.notification .continue {
-    margin:0 0.5em 0 1em;
-}
-
-.html-rtl .notification .continue {
-    margin:0 1em 0 0.5em;
-}
-
-.notification .continue a:link,
-.notification .continue a:visited,
-.notification .continue a:hover,
-.notification .continue a:focus,
-.notification .continue a:active {
-    font-size: 1.5em;
-}
-
-.notification .suggestion {
+#form-review button {
     float: right;
-    text-align: right;
-}
-
-.about .notification .suggestion {
-    float: none;
-}
-
-.about .notification .aux {
-    width: auto;
-    float: right;
-    margin: -0.6em 0 0 0;
-}
-
-.about .notification .aux .button-wrapper {
-    margin-bottom: 0;
-    overflow: visible;
-}
-
-.html-rtl .notification .suggestion {
-    float: left;
-    text-align: left;
-}
-
-.html-rtl .notification .button {
-    unicode-bidi: embed;
-}
-
-.notification .suggestion p {
-    margin: 0;
-    color: #666666;
-    font-weight: bold;
-}
-.notification .aux {
-    overflow: hidden;
-    width: 100%;
 }
 
-/* Install button inside a notification, such as on meet-the-devloper pages. */
-.notification .aux .install-container {
+.html-rtl #form-review button {
     float: left;
-    margin: 0.5em;
-}
-
-.toggle-help,
-.toggle-info .close {
-    display: none;
-}
-
-.hasJS .toggle-help,
-.hasJS .toggle-info .close  {
-    display: block;
-}
-
-.hasJS .toggle-info .close {
-    font-size: 0.769em;
-    position: absolute;
-    top: 1em;
-    right: 0.5em;
-}
-
-.notification .toggle-info {
-    color: #666666;
-    font-size:1.385em;
-    line-height: 1.375em;
-    position: relative;
-}
-
-.notification .toggle-info p {
-    margin-bottom: 0;
-    margin-top: 1em;
-}
-
-.hasJS .dropdown {
-    background-color: white;
-    border: 1px solid #2E5186;
-    -moz-border-radius:5px;
-    -webkit-border-radius:5px;
-    border-radius:5px;
 }
 
-.hasJS #contribute-links {
-    position: absolute;
-    left: 1em;
+#form-review p {
     clear: both;
-    padding: 0.5em 1em;
-    margin-top: -1em;
 }
 
-.html-rtl .hasJS #contribute-links {
-    left: inherit;
-}
+/** END Review box **/
 
-#contribute-links a {
-    font-weight: bold;
-}
-
-#contribute-links li span {
-    font-size: .9em;
-    margin: 0 1em;
-}
-
-#contribute-links ul {
-    margin: 0;
-}
-
-#contribute-links li:not(:last-child) {
-    border-bottom: 1px dotted #94BFCE;
-}
+/* @group hReviews */
 
-.hasJS .notification .toggle-info {
-    clear: both;
-    font-weight: normal;
-    position: absolute;
-    right: 0;
-    font-size: 1em;
-    clear:both;
-    width: 24.3%;
-    background-image: url(../../img/amo2009/icons/pointer.gif);
-    background-repeat: no-repeat;
-    background-position: 95% 4px;
-    padding-top: 10px;
+.hreview {
+    border-bottom: 1px dotted #B5D9E5;
+    padding: 0.5em 0 1em 0;
+    margin-bottom: 0.5em;
 }
 
-.hasJS .primary .notification .toggle-info {
-    width: 33.2%;
-    z-index: 1;
-}
-.hasJS .primary .object-lead .toggle-info {
-    width: 100%;
+.hreview p {
+    margin-bottom: 0;
 }
 
-.hasJS .notification .toggle-info p {
-    margin-top: 0;
-    padding: 1em;
+.hreview:last-child {
+    border-bottom: none;
 }
 
 /* @end */
 
-/* @group Highlights */
+.translation-area textarea {
+	width:400px;
+	}
 
-.highlight {
-    background-color: #C8E8F3;
-    -moz-border-radius: 5px;
-    -webkit-border-radius: 5px;
-    border-radius: 5px;
-    padding: 1em;
-    color: #444444;
-    overflow: hidden;
-    margin-bottom: 1em;
-}
-
-.highlight h2,
-.highlight h3 {
-    margin-top: 0;
-    color: #011234;
-    font-size: 1.385em;
-    font-weight: normal;
-}
-
-.highlight h4 {
-    margin-bottom:1em;
-}
+/* @group Feedback Form */
 
-.highlight p {
-    margin-bottom: 0;
+form.addon-feedback {
+    width: 50%;
+    float: left;
+    margin-right: 1.5em;
     margin-top: 1em;
 }
 
-.highlight img.avatar {
+form.addon-feedback textarea {
+    width: 80%;
+    background-color: #E3F3F9;
     float: right;
-    margin-left: 1em;
-    margin-bottom: 1em;
-}
-
-.highlight .more-info {
-    float: left;
-}
-
-.highlight a.button {
-    margin-top: 0.5em;
-}
-
-.highlight .further-navigation {
-    border-top: 1px dotted #A5C9D5;
-    margin-bottom: 0;
+    min-height:140px;
 }
-
-.highlight .further-navigation .more-info {
-    float: right;
+form.addon-feedback select {
+    background-color: #E3F3F9;
+    margin-left: 1%;
 }
-
-/* @end */
-
-/* @group Top search and cat bar */
-
-/* @group Categories list */
-
-.categories {
-    background-color: #C8E8F3;
-    color: #444444;
-    -moz-border-radius: 5px;
-    -webkit-border-radius: 5px;
-    border-radius: 5px;
-    width: 24.49%;
+form.addon-feedback label {
     float: left;
+    clear: both;
+    width: 18%;
     margin-bottom: 1em;
 }
 
-.categories h3 a:link,
-.categories h3 a:visited,
-.categories h3 a:hover,
-.categories h3 a:focus,
-.categories h3 a:active {
-    color: white;
-    text-decoration: none;
-}
-
-/* putting back the focus outline */
-.categories h3 a:focus {
-    outline: 1px dotted white;
-}
-
-.secondary .categories {
-    width: 100%;
-    float: none;
-}
-
-.categories h2,
-.categories h3 {
-    margin: 0;
-    padding: 0.79em 0.8em; /* 10px 13px*/
-    background-color: #305083;
-    color: white;
-    -moz-border-radius: 5px;
-    -webkit-border-radius: 5px;
-    border-radius: 5px;
-    font-size: 1.231em;
-    background-image: url(../../img/amo2009/bg/heading-dark-blue.jpg);
-    background-repeat: repeat-x;
-    background-position: bottom left;
-    border:  1px solid #021437;
-    font-weight: normal;
-}
-
-
-.categories ul {
-    padding: 1em 0.5em 1em 1em;
-    margin: 0;
-    font-weight: bold;
-}
-
-.categories ul ul {
-    padding: 0 0 1em 0;
-    margin: 0;
-    font-weight: bold;
-}
-
-.categories ul ul li {
-    margin: 0.2em;
+form.addon-feedback button {
+    display: block;
+    margin-top: 1em;
+    clear: both;
 }
 
-.categories ul li:first-child ul {
-    border-bottom: 1px dotted #94BFCE;
-    margin-bottom: 0.8em;
-    padding-bottom: 0.8em;
+form.addon-feedback div.container {
+    clear: both;
+    margin-bottom: 0.5em;
+    overflow: hidden;
 }
 
-.categories .items {
-    color: white;
-    background-color: #94BFCE;
-    -moz-border-radius: 7px;
-    -webkit-border-radius: 7px;
-    border-radius: 7px;
-    margin-left: 0.1em;
-    padding: 1px 5px;
-    font-size: 0.856em;
-    font-weight: bold;
-}
-.html-rtl .categories .items {
-    unicode-bidi: embed;
-}
+/* @group star select replacement */
 
-/* @group With Javascript */
-.hasJS .stand-alone-options {
-    position: relative;
-}
-.hasJS .dropdown-categories {
-    z-index: 99;
-    position: absolute;
-    left: 0;
-    top: 0;
-    /*width: 23.4%;*/
-}
-.hasJS .dropdown-categories>ul {
+select.replaced {
     display: none;
 }
-.hasJS .dropdown-categories img {
-    position: absolute;
-    left: 10px;
-    top: 10px;
-}
-.hasJS .dropdown-categories ul ul {
-    display: block;
-    position: static;
-}
-.hasJS .dropdown-categories h2,
-.hasJS .dropdown-categories h3 {
+.selectReplacement {
     cursor: pointer;
+    list-style: none;
     position: relative;
-    padding-left: 35px;
-}
-
-/* @end */
-
-
-/* @end */
-
-/* @group Search Form */
-
-
-.search-form {
-    margin-bottom: 2em;
-    width: 73.47%;
-    float: right;
-    position: relative;
-    padding: 0 0 1.5em 0;
-}
-.primary .search-form {
-    width: 100%;
-    float: none;
-}
-.search-form form {
-    margin: 0;
-}
-.search-form .basic {
-    background-image: url(../../img/amo2009/bg/heading-dark-blue.jpg);
-    background-repeat: repeat-x;
-    background-position: bottom left;
-    border:  1px solid #021437;
-    margin: 0;
-    background-color: #305083;
-    color: white;
-    -moz-border-radius: 5px;
-    -webkit-border-radius: 5px;
-    border-radius: 5px;
-    font-size: 1.231em;
-    white-space:nowrap;
-    display: block;
-    overflow:hidden;
-    position: relative;
-}
-
-.search-form .basic * {
-    vertical-align: middle;
-}
-
-.search-form .basic button {
-    position: absolute;
-    top:0.06em;
-    right: 1%;
-    -moz-border-radius-bottomleft:5px;
-    -moz-border-radius-bottomright:5px;
-    -moz-border-radius-topleft:5px;
-    -moz-border-radius-topright:5px;
-    background-color:#6FB727;
-    background-image:url(../../img/amo2009/bg/button-green.jpg);
-    background-position:left center;
-    background-repeat:repeat-x;
-    border:1px solid #B9D999;
-    color:white;
-    line-height:0;
-    width: 5%;
-    display: block;
-    float: left;
-    text-align: center;
-    padding:0.3em 0;
-    /* padding:0.3em 0.6em 0.3em 0.75em; */
-}
-
-.search-form .basic button img {
-    vertical-align: top;
-    margin: 0;
-    padding: 0;
-    display: inline;
-    border-right: none;
-}
-
-.search-form .basic button p span {
-    text-indent: -5000px;
-}
-
-.search-form .basic label {
-    font-weight: normal;
-    width: 10%;
-    text-align: center;
-    display: block;
-    float: left;
-    padding-top: 0.7em;
-}
-
-.search-form .basic input{
-    border: 1px solid #CCCCCC;
-    outline: 1px solid #011234;
-    margin:0.35em 0 0.35em 1.4%;
-    background-image: url(../../img/amo2009/icons/magnifying-glass.gif);
-    background-repeat: no-repeat;
-    background-position: 0.1em center;
-    background-color: white;
-    padding:0.3em 0;
-    text-indent: 2em;
-    width:45%;
-    display: block;
-    float: left;
-}
-
-.search-form .basic select {
-    border: 1px solid #CCCCCC;
-    outline: 1px solid #011234;
-    margin:0.35em 0;
-    color: #444444;
-    padding:0.23em 0;
-    width: 35%;
-    float:left;
-}
-.search-form .basic option {
-    color: black;
-    text-indent: 10px;
-    padding-left: 5px;
-}
-.search-form .basic option.cat-all {
-    color: #444444;
-    text-indent: 0;
-    font-weight: bold;
-}
-.search-form .basic textarea:focus,
-.search-form .basic input[type='text']:focus,
-.search-form .basic input[type='password']:focus,
-.search-form .basic select:focus {
-    border: 1px solid #999;
-    outline: 1px solid black;
-}
-
-#advanced-link {
-    position: absolute;
-    bottom: 0;
-    right: 30px;
+    width: 65px;
+    height: 12px;
     margin: 0;
-}
-#advanced-link a:link,
-#advanced-link a:visited,
-#advanced-link a:hover,
-#advanced-link a:focus,
-#advanced-link a:active {
-    display: block;
-    padding: 0 20px 0.1em 1em;
-    font-size: 0.923em;
-    font-weight: bold;
-    color: white;
-    -moz-border-radius: 0 0 5px 5px;
-    -webkit-border-radius: 5px;
-    border-radius: 0 0 5px 5px;
-    border: 1px solid #021437;
-    border-top: none;
-    /*background-color: #223355;*/
-    background-color: #26395A;
-    background-image: url(../../img/amo2009/icons/arrows.gif);
-    background-position: 95% -591px;
+    padding:0;
+    background-image:url("../../img/amo2009/icons/starselect.gif");
+    background-position: -65px 0;
     background-repeat: no-repeat;
-}
-
-.expanded #advanced-link a:link,
-.expanded #advanced-link a:visited,
-.expanded #advanced-link a:hover,
-.expanded #advanced-link a:focus,
-.expanded #advanced-link a:active {
-    background-position: 95% -641px;
-}
-
-/* @group Expanded search form */
-
-.search-form .advanced {
-    display: none;
-}
-.expanded-search-form .advanced {
-    display: block;
-    padding-top: 1px;
-    margin: 0 5px;
-    background-color: #EAF6FA;
-    border-color: #223355;
-    border-style: solid;
-    border-width: 0 5px 5px 5px;
-    -moz-border-radius: 0 0 5px 5px;
-    -webkit-border-bottom-left-radius: 5px;
-    -webkit-border-bottom-right-radius: 5px;
-    border-radius: 0 0 5px 5px;
-}
-.search-form fieldset {
-    border: none;
-    margin: 1em;
-    padding: 0;
-}
-.search-form fieldset:first-child {
-    border-bottom: 1px dotted #A4CFDE;
-    padding-bottom: 1em;
-}
-
-/* @group Subsidiary */
-
-.search-form .subsidiary {
-    margin-top: 0;
-    border: none;
-}
-.search-form .subsidiary .container {
-    width: 48%;
-    float: left;
-    display: inline;
-}
-.search-form .subsidiary label {
-    width: 35%;
-    display: block;
-    float: left;
-    font-weight: bold;
-}
-.search-form .subsidiary select,
-.search-form .subsidiary input {
-    width: 40%;
-}
-
-/* @end */
-
-/* @group Important */
-
-.search-form .important {
-    margin-bottom: 0;
-}
-.search-form .important div  {
-    display: inline;
-    white-space: nowrap;
-}
-.search-form .important select,
-.search-form .important input {
-    margin: 0 0.5em;
-}
-.search-form .important .application label  {
-    font-weight: bold;
-    display: block;
-    float: left;
-    width: 16.8%;
-}
-.search-form .important .application select,
-.search-form .important .application input {
-    margin: 0 1em 0 0;
-}
-
-/* @end */
-
-
-/* @end */
-/* @end */
-
-/* @end */
-
-/* @group Homepage teaser */
-
-.hasJS .section-teaser .featured-inner {
-    padding-bottom: 5em;
-    position: relative;
-}
-
-/* @group Teaser Header */
-
-.section-teaser .teaser-header {
-    background-image: url(../../img/amo2009/bg/listing-footer.gif);
-    background-position: top left;
-    background-repeat: repeat-x;
-    -webkit-border-top-right-radius: 3px;
-    -webkit-border-top-left-radius: 3px;
-    -moz-border-radius: 3px 3px 0 0;
-    border-radius: 3px 3px 0 0;
-    width: 100%;
     overflow: hidden;
 }
-
-.hasJS .section-teaser .teaser-header {
-    -webkit-border-top-right-radius: 0;
-    -webkit-border-top-left-radius: 0;
-    -webkit-border-bottom-right-radius: 3px;
-    -webkit-border-bottom-left-radius: 3px;
-    -moz-border-radius: 0 0 3px 3px;
-    border-radius: 0 0 3px 3px;
-    position: absolute;
-    bottom: 0;
-    left: 0;
-}
-.section-teaser .teaser-header ol {
-    margin: 0;
-    padding: 0 45px;
-    list-style-type: none;
-}
-
-.hasJS .section-teaser .teaser-header ol {
-    border-top: 1px solid #AEC3CF;
-}
-
-.section-teaser .teaser-header ol li {
-    margin: 0 2.1em 0.5em 0;
-    padding: 0.5em 0 0 0;
-    float: left;
-    white-space: nowrap;
-    position: relative;
-    top: -1px;
-}
-
-.section-teaser .teaser-header ol li:first-child {
-    margin-left: 0;
-}
-
-.section-teaser .teaser-header ol li:last-child {
-    margin-right: 0;
-}
-
-.section-teaser .teaser-header a:link,
-.section-teaser .teaser-header a:visited,
-.section-teaser .teaser-header a:hover,
-.section-teaser .teaser-header a:focus,
-.section-teaser .teaser-header a:active {
-    color: #54647E;
-    text-decoration: none;
-    font-size: 0.923em;
-    font-weight: bold;
-}
-
-.section-teaser .teaser-header a:hover,
-.section-teaser .teaser-header a:focus,
-.section-teaser .teaser-header a:active {
-    color: #223355;
-}
-
-.section-teaser .teaser-header li.selected {
-    background-image: url(../../img/amo2009/bg/panel-selected.png);
-    background-repeat: no-repeat;
-    background-position: center top;
-}
-
-/* @end */
-
-.teaser-items {
-    margin: 0;
-    padding: 0;
-    list-style-type: none;
-}
-
-.teaser-items li {
+.selectReplacement li {
+    display: inline;
     margin: 0;
     padding: 0;
 }
-
-/* @group Next and previous icons */
-
-.slideshow-controls {
-    margin: 0;
-}
-
-.section-teaser .prev,
-.section-teaser .next {
+.selectReplacement li a:link,
+.selectReplacement li a:visited,
+.selectReplacement li a:hover,
+.selectReplacement li a:active,
+.selectReplacement li a:focus {
     display: block;
     position: absolute;
+    width: 13px;
+    height: 12px;
+    text-indent: -9999px;
     overflow: hidden;
-    cursor: pointer;
-    text-decoration: none;
-    text-indent: -5000px;
-    bottom: 1.6em;
-    left: 8px;
-    width: 27px;
-    height: 27px;
-    background-image: url(../../img/amo2009/icons/arrows-scroller.png);
-    background-position: 0 0;
-    background-repeat: no-repeat;
-}
-
-.section-teaser .next {
-    left: auto;
-    right: 8px;
-    background-position: 0 -150px;
-}
-
-.section-teaser .active.prev {
-    background-position: 0 -50px;
-}
-
-.section-teaser .active.next {
-    background-position: 0 -200px;
-}
-
-.section-teaser .active.prev:focus,
-.section-teaser .active.prev:hover {
-    background-position: 0 -100px;
-}
-
-.section-teaser .active.next:focus,
-.section-teaser .active.next:hover {
-    background-position: 0 -250px;
-}
-
-/* @end */
-
-/* @group Slideshow Window with Javascript */
-
-.hasJS .section-teaser .window {
-    overflow: hidden;
-    direction: ltr;
-}
-
-.hasJS .section-teaser .window ol.teaser-items {
-    margin: 0;
-    padding: 0;
-    width: 50000px;
-    overflow: hidden;
-    position: relative;
     left: 0;
-    direction: ltr;
-}
-
-.hasJS .section-teaser .window ol.teaser-items li {
-    float: left;
-    margin: 0;
-    padding: 0;
-}
-
-.hasJS .section-teaser .window .more-info {
-    background-position:right -155px;
-}
-
-/* @end */
-
-/* @group Teaser internals */
-
-.section-teaser .column-wrapper {
-    margin: 0 1em;
 }
-
-.section-teaser h2 {
-    margin-left: 0.619em;
-    margin-right: 0.619em;
-    font-size: 1.615em;
-    line-height: 0.952em;
-}
-
-.section-teaser .column {
-    border-left: 1px dotted #A4CFDE;
-    text-align: center;
-    width: 31.5%;
-}
-
-.section-teaser .column p,
-.section-teaser .column h3 {
-    margin-left: 1em;
-}
-
-.section-teaser .first {
-    border-left: none;
+ul.worst {
+    background-position: -52px 0;
 }
-
-.section-teaser .addon-view {
-    background-position: bottom right;
-    background-repeat: no-repeat;
+ul.bad {
+    background-position: -39px 0;
 }
-
-.section-teaser .addon-view .lead {
-    clear: both;
-    margin-left: 1em;
-    margin-right: 1em;
+ul.fair {
+    background-position: -26px 0;
 }
-
-.section-teaser .addon-view .more-info {
-    float: none;
+ul.good {
+    background-position: -13px 0;
 }
-
-.section-teaser .addon-view .column {
-    border:none;
-    text-align: left;
-    width: 25%;
+ul.best {
+    background-position: 0 0;
 }
-
-.section-teaser .addon-view .column-inner {
-    padding: 1em 0 1em 55px;
-    position: relative;
+.selectReplacement li.worst a:link, 
+.selectReplacement li.worst a:visited, 
+.selectReplacement li.worst a:hover, 
+.selectReplacement li.worst a:active, 
+.selectReplacement li.worst a:focus {
+    left: 0;
+    z-index: 6;
 }
-
-.section-teaser .addon-view .icon {
-    position: absolute;
-    top: 1em;
-    left: 10px;
+.selectReplacement li.bad a:link, 
+.selectReplacement li.bad a:visited, 
+.selectReplacement li.bad a:hover, 
+.selectReplacement li.bad a:focus, 
+.selectReplacement li.bad a:active {
+    left: 13px;
+    z-index: 5;
 }
-
-.section-teaser .addon-view h3 {
-    margin-top: 0;
-    font-weight: bold;
-    font-size: 1em;
-    line-height: 1.25em;
+.selectReplacement li.fair a:link, 
+.selectReplacement li.fair a:visited, 
+.selectReplacement li.fair a:hover, 
+.selectReplacement li.fair a:focus, 
+.selectReplacement li.fair a:active {
+    left: 26px;
+    z-index: 4;
 }
-
-.section-teaser .addon-view p,
-.section-teaser .addon-view h3 {
-    margin-left: 0;
-    margin-right: 0;
-    line-height: 1.23em;
+.selectReplacement li.good a:link,
+.selectReplacement li.good a:visited,
+.selectReplacement li.good a:hover,
+.selectReplacement li.good a:focus,
+.selectReplacement li.good a:active {
+    left: 39px;
+    z-index: 3;
 }
-
-div.section-teaser .column .button {
-    white-space: nowrap;
-    margin: 0;
-    margin-right: 1%;
-    margin-left: 0.7%;
+.selectReplacement li.best a:link, 
+.selectReplacement li.best a:visited, 
+.selectReplacement li.best a:hover, 
+.selectReplacement li.best a:focus, 
+.selectReplacement li.best a:active {
+    left: 52px;
+    z-index: 2;
 }
-
-div.section-teaser .column .button * {
-    white-space: nowrap;
+.selectReplacement li a:hover,
+.selectReplacement li a:focus,
+.selectReplacement li a:active {
+    background-position: left top;
+    background-repeat: repeat-x;
+    background-image:url("../../img/amo2009/icons/starselect_single.gif");
+    background-color:#fff;
+    left: 0;
 }
 
-/* @group Section BG images */
-
-.section-teaser #t-entertainment {
-    /*background-image: url(../../img/amo2009/illustrations/entertainment.jpg);*/
-}
-.section-teaser #t-shopping {
-    background-image: url(../../img/amo2009/illustrations/shopping-online.jpg);
+.selectReplacement li.worst a:hover,
+.selectReplacement li.worst a:focus,
+.selectReplacement li.worst a:active {
+    width: 13px;
+    left: 0;
 }
-.section-teaser #t-music {
-    /*background-image: url(../../img/amo2009/illustrations/music.jpg);*/
+.selectReplacement li.bad a:hover,
+.selectReplacement li.bad a:focus,
+.selectReplacement li.bad a:active{
+    width: 26px;
+    left: 0;
 }
-.section-teaser #t-socialising {
-    /*background-image: url(../../img/amo2009/illustrations/socialising.jpg);*/
+.selectReplacement li.fair a:hover,
+.selectReplacement li.fair a:focus,
+.selectReplacement li.fair a:active{
+    width: 39px;
+    left: 0;
 }
-.section-teaser #t-news {
-    /*background-image: url(../../img/amo2009/illustrations/news.jpg);*/
+.selectReplacement li.good a:hover,
+.selectReplacement li.good a:focus,
+.selectReplacement li.good a:active{
+    width: 52px;
+    left: 0;
 }
-.section-teaser #t-search {
-    /*background-image: url(../../img/amo2009/illustrations/search.jpg);*/
+.selectReplacement li.best a:hover,
+.selectReplacement li.best a:focus,
+.selectReplacement li.best a:active {
+    width: 65px;
+    left: 0;
 }
 
 /* @end */
 
 /* @end */
 
-/* @end */
-
-/* @group Steps */
-
-ol.numbered {
-    margin-left: 0;
-    list-style-type: none;
-}
 
-ol.numbered li {
-    position: relative;
-    margin-bottom: 1em;
-    overflow: hidden;
-    min-height:35px;
-    padding-left: 50px;
-}
+/* @group Stars */
 
-h4.step {
-    position: absolute;
-    left: 0;
-    top: 0;
-    background-image: url(../../img/amo2009/icons/step.png);
+.stars {
+    text-indent:-5000px;
+    background-image: url(../../img/amo2009/icons/stars.png);
+    background-position: 0 50%;
     background-repeat: no-repeat;
-    background-position: left top;
-    color: #FFFFFF;
-    font-size:1.6em;
-    font-weight:lighter;
-    padding:5px 13px 15px;
-}
-
-/* @end */
-
-/* @group Pagination */
-
-ol.pagination {
-    width: 50%;
-    margin-bottom: 2em;
-    margin-left: 0;
+    margin-right: 0.5em;
+    width: 63px;
+    display: block;
     float: left;
-    line-height: 2em;
-}
-.listing-footer ol.pagination {
-    margin-bottom: 0;
-}
-ol.pagination li {
-    display: inline;
-    list-style: none;
 }
-ol.pagination li a {
-    padding: 0.3em 0.7em;
-    font-weight: bold;
+.stars-4 {
+    background-position: -13px 50%;
 }
-ol.pagination span {
-    font-weight: bold;
-    padding: 0.3em 0.7em;
+.stars-3 {
+    background-position: -26px 50%;
 }
-ol.pagination a[rel~="prev"],
-ol.pagination span.prev  {
-    background-image: url(../../img/amo2009/icons/arrows.gif);
-    background-repeat: no-repeat;
-    background-position: 5px -420px;
-    color: #0055EE;
-    padding-right:0.7em;
-    padding-left: 15px;
-}
-ol.pagination a[rel~="next"],
-ol.pagination span.next {
-    background-image: url(../../img/amo2009/icons/arrows.gif);
-    background-repeat: no-repeat;
-    background-position: 95% -340px;
-    color: #0055EE;
-    padding-left:0.7em;
-    padding-right: 15px;
-}
-ol.pagination span.prev {
-    color: #666;
-    background-position: 5px -540px;
-}
-ol.pagination span.next {
-    color: #666;
-    background-position: 92% -500px;
-}
-ol.pagination li.selected a:link,
-ol.pagination li.selected a:visited,
-ol.pagination li.selected a:hover,
-ol.pagination li.selected a:focus,
-ol.pagination li.selected a:active {
-    -webkit-border-radius: 3px;
-    -moz-border-radius: 3px;
-    border-radius: 3px;
-    background-color: #223355;
-    color: white;
-}
-ol.pagination li a:hover,
-ol.pagination li a:focus,
-ol.pagination li a:active {
-    background-color: #BDDDE8;
-    /*color: #223355;*/
-    -webkit-border-radius: 3px;
-    -moz-border-radius: 3px;
-    border-radius: 3px;
-    text-decoration: none;
+.stars-2 {
+    background-position: -39px 50%;
 }
-
-/* @end */
-
-/* @group Share This */
-
-.share-this {
-    width: 200px;
-    clear:left;
-    float:left;
+.stars-1 {
+    background-position: -52px 50%;
 }
-
-.share-networks {
-    background-image: url(../../img/amo2009/icons/pointer.gif);
-    background-repeat: no-repeat;
-    background-position:30px top;
-    padding-top: 7px;
+.stars-0 {
+    background-position: -65px 50%;
 }
 
-.share-networks ul {
-    border: 1px solid #2E5186;
-    -moz-border-radius:5px;
-    -webkit-border-radius:5px;
-    border-radius:5px;
-    padding: 1em;
-    background-color: #FFFFFF;
-    padding:1em 1em 0;
-}
+/* @group star select replacement */
 
-.share-networks li {
-    margin-bottom:0.5em;
+#stats-table-pagination {
+width:67%;
 }
 
+ol.pagination li {
+display:inline;
+list-style-image:none;
+list-style-position:outside;
+list-style-type:none;
 
+}	
 
-/* @end */
-
-/* @group Addon list */
+ol.pagination li a {
+	padding:2px 4px;
+	margin-right:2px;
+	}
 
-.secondary-item-list {
-    background-color: #fff;
-    border: 1px solid #C9E8F3;
-    -webkit-border-radius: 3px;
-    -moz-border-radius: 3px;
-    border-radius: 3px;
-    padding: 1em;
-    overflow: hidden;
-}
-.secondary-item-list ul {
-    margin: 0.5em 0 0 0;
-    padding: 0;
+ol.pagination li.selected a:link, ol.pagination li.selected a:visited, ol.pagination li.selected a:hover, ol.pagination li.selected a:focus, ol.pagination li.selected a:active {
+-moz-borde-radius:4px;
+	-webkit-border-radius:4px;
+	border-radius:4px;
+background-color:rgb(18,76,244);
+color:#fff;
 }
 
-.secondary-item-list ul li {
-    margin: 0;
-    padding: 0;
+ol.pagination {
+line-height:2em;
+margin-bottom:2em;
+margin-left:0;
+width:70%;
 }
 
-.secondary-item-list ul li a {
-    margin: 0 0 0.8em 0;
-    padding: 0 0 0 25px;
-    display: block;
-    line-height: 1.25;
+/* Translation Box Element */
+.graybox {
+    background-color: #FAFDFE;
+    border: 1px solid #C8E8F3;
+    padding: 15px;
 }
-/* @end */
-
-/* @group Breadcrumbs */
-
-ol.breadcrumbs {
-    font-weight: bold;
-    margin-bottom: 1.3em;
-    font-size: 0.846em;
-    margin-left: 0;
-    clear: both;
+.graybox.errors {
+    background-color: #FFA5A5;
 }
-
-ol.breadcrumbs li {
-    display: inline;
-    background-image: url(../../img/amo2009/icons/buttons/breadcrumb.gif);
-    background-repeat: no-repeat;
-    background-position: top right;
-    padding-right: 1em;
+.graybox.spaced {
+    margin-bottom: 10px;
 }
-
-ol.breadcrumbs li:last-child {
-    background-image: none;
-    padding-right: 0;
+.rounded {
+    -moz-border-radius: 6px;
+    -webkit-border-radius: 6px;
+    border-radius: 6px;
 }
-
-/* @end */
-
-/* @group Feedback Form */
-
-form.addon-feedback {
-    width: 50%;
-    float: left;
-    margin-right: 1.5em;
-    margin-top: 1em;
+.translation-box h4 {
+    border-bottom: 1px solid #2D3B58;
 }
-
-form.addon-feedback textarea {
-    width: 80%;
-    background-color: #E3F3F9;
+.translation-box h4 img {
     float: right;
-    min-height:140px;
+    margin-top: 3px;
 }
-form.addon-feedback select {
-    background-color: #E3F3F9;
-    margin-left: 1%;
-}
-form.addon-feedback label {
+.html-rtl .translation-box h4 img {
     float: left;
-    clear: both;
-    width: 18%;
-    margin-bottom: 1em;
-}
-
-form.addon-feedback button {
-    display: block;
-    margin-top: 1em;
-    clear: both;
 }
-
-form.addon-feedback div.container {
-    clear: both;
-    margin-bottom: 0.5em;
-    overflow: hidden;
-}
-
-/* @end */
-
-/* @group Listing */
-
-.listing {
-    margin-bottom: 1em;
-}
-
-/* @group Listing - Header */
-
-.listing-header {
-    background-color: #F0F8FC;
-    background-image: url(../../img/amo2009/bg/listing-header.gif);
-    background-repeat: repeat-x;
-    background-position: bottom left;
-    border-bottom: 1px solid #A5BFCE;
-    -webkit-border-top-right-radius: 3px;
-    -webkit-border-top-left-radius: 3px;
-    -moz-border-radius: 3px 3px 0 0;
-    border-radius: 3px 3px 0 0;
-    padding: 0.1em 0 0.1em 0.25em;
-    overflow: hidden;
-}
-.listing-header ul {
-    margin-bottom: 0;
-    float: left;
-}
-.listing-header li {
-    line-height: 2.5;
-    display: inline;
-    margin: 0 0.25em;
-}
-.listing-header li a {
-    color: #223355;
-    font-weight: bold;
-    text-decoration: none;
-    border: 1px solid transparent;
-    -webkit-border-radius: 3px;
-    -moz-border-radius: 3px;
-    border-radius: 3px;
-    padding: 0.3em 0.8em;
-    white-space: nowrap;
-}
-.listing-header li a:hover,
-.listing-header li a:focus {
-    background-color: #BBDCE8;
-}
-.categories li.selected,
-.categories li.selected a,
-.listing-header li.selected a:link,
-.listing-header li.selected a:visited,
-.listing-header li.selected a:hover,
-.listing-header li.selected a:focus,
-.listing-header li.selected a:active {
-    color: #fff;
-    background-color: #223355;
-    border-color: #001133;
-    border-width: 1px 0 0 1px;
-}
-
-.listing-header .num-results {
+.translation-box .translation-button img {
+    cursor: pointer;
     float: left;
-}
-
-.html-rtl .listing-header .num-results {
+    background-color: #EEEEEE;
+    border: 1px solid #EEEEEE;
+    border-bottom: none;
+    padding: 2px 5px 3px;
+    margin: 5px 0 0 10px;
+    height: 1.5em;
+    -moz-border-radius-topleft: 6px;
+    -moz-border-radius-topright: 6px;
+    -webkit-border-top-left-radius: 6px;
+    -webkit-border-top-right-radius: 6px;
+}
+.html-rtl .translation-box .translation-button img {
     float: right;
+    margin: 5px 10px 0 0;
 }
-
-/* @group Item sort form */
-
-.item-sort {
-    margin:0.2em 0.5em 0 0.5em;
-    text-align:right;
-    white-space:nowrap;
+.translation-box .translation-button.remove img {
     float: right;
 }
-
-
-
-/* @end */
-
-/* @end */
-
-/* @group Listing - Footer */
-
-.listing-footer {
-    background-color: #FFFFFF;
-    background-image: url(../../img/amo2009/bg/listing-footer.gif);
-    background-repeat: repeat-x;
-    background-position: left top;
-    border-top: 1px solid #A5BFCE;
-    -webkit-border-bottom-right-radius: 3px;
-    -webkit-border-bottom-left-radius: 3px;
-    -moz-border-radius: 0 0 3px 3px;
-    border-radius: 0 0 3px 3px;
-    margin-top: -1px;
-    position: relative;
-    z-index: 10;
-    overflow: hidden;
-    padding:0.3em 1em 0.5em;
-}
-.listing-footer a {
-    font-weight: bold;
-}
-.listing-footer .subscribe,
-.listing-footer .pagination {
+.html-rtl .translation-box .translation-button.remove img {
     float: left;
 }
-
-.listing-footer .num-results {
-    float: right;
-    line-height: 2em;
+.translation-box .translation-button img:hover {
+    background-color: #E4F3FA;
 }
-
-.html-rtl .listing-footer .num-results {
+.translation-box .translation-tab {
     float: left;
+    margin-right: 2px;
+    background-color: #DDDDDD;
+    text-align: center;
+    padding: 5px;
+    -moz-border-radius-topleft: 6px;
+    -moz-border-radius-topright: 6px;
+    -webkit-border-top-left-radius: 6px;
+    -webkit-border-top-right-radius: 6px;
+    width: 3.1em;
+    height: 1.5em;
+    cursor: pointer;
+    border-bottom: 1px solid #FFFFFF;
 }
-
-.listing-footer .subscribe {
-    margin-top: 0.3em;
+.html-rtl .translation-box .translation-tab {
+    float: right;
+    margin-right: auto;
+    margin-left: 2px;
 }
-
-.listing-footer .more-info {
-    margin-top: 0.3em;
+.translation-box .translation-tab.selected {
+    border: 1px solid #1D587F;
+    background-color: #DDDDFF;
+    border-bottom: none;
+    color: #1D587F;
 }
-
-
-/* @end */
-
-/* @group Items */
-
-.item {
-    margin: 1.2em 0;
-    padding-top:1px;
+.translation-box .translation-tab:hover {
+    text-decoration: underline;
 }
-.item blockquote {
-    font-style: normal;
+.translation-box .translation-area {
+    clear: both;
     margin: 0;
 }
-.item blockquote p {
-    margin-bottom: 0.5em;
+.translation-box .translation-maxlength {
+    text-align: right;
+    display: none;
 }
-
-/* @group Headings */
-
-.item h5 {
-    font-size: 1.167em; /* 14px */
-    margin-top: 0.5em;
-    margin-bottom: 0.2em;
+.html-rtl .translation-box .translation-maxlength {
+    text-align: left;
 }
-.item h3,
-.item h4 {
-    font-size: 1.385em; /* 18px */
-    font-weight: bold;
-    line-height: 1em;
-    margin-top: 0;
-    margin-bottom: 0.778em;
-    overflow: hidden;
+.translation-box .translation-maxlength.selected {
+    display: block;
 }
-.item h3 span,
-.item h4 span {
-    font-size: 0.667em; /* 13px */
-    font-weight: normal;
-    display:block;
+.translation-box .translation-maxlength img {
+    display: none;
 }
-.item h5 span {
-    font-size: 0.857em;
-    font-weight:normal;
-    white-space: nowrap;
+.translation-box .translation-maxlength.over {
+    color: #CC3333;
 }
-
-/* @end */
-
-/* @group Item information */
-
-.item .meta {
-    font-size: 0.923em; /* 12px */
-    border-top: 1px dotted #B5D9E5;
-    padding-top: 0.3em;
+.translation-box .translation-maxlength.over img {
+    display: inline;
+    vertical-align: middle;
 }
-.item .meta .addons {
-    margin-right: 1em;
+.translation-box .translation-maxlength span {
+    font-weight: bold;
 }
-.html-rtl .item .meta .addons {
-    margin-right: auto;
-    margin-left: 1em;
+.translation-box .input {
+    border: 1px solid #1D587F;
+    margin: 0;
+    -moz-border-radius-bottomleft: 6px;
+    -moz-border-radius-bottomright: 6px;
+    -webkit-border-bottom-left-radius: 6px;
+    -webkit-border-bottom-right-radius: 6px;
+    width: 100%;
+    display: none;
 }
-
-.item .downloads {
-    margin-left: 1em;
+.translation-box .input.selected {
+    display: block;
 }
-.html-rtl .item .downloads {
-    margin-left: auto;
-    margin-right: 1em;
+.translation-newlocale-container,
+.translation-deletelocale-container,
+.translation-help-container,
+.translation-error-container {
+    display: none;
 }
-
-/* @group Item info (aligned Right) */
-
-.item-info {
-    float: right;
-    width: 14em;
-    padding-left:2%;
-    margin-left: 2%;
+.translation-newlocale,
+.translation-deletelocale {
+    border: 1px solid #1D587F;
+    margin: 0;
+    -moz-border-radius-bottomleft: 6px;
+    -moz-border-radius-bottomright: 6px;
+    -webkit-border-bottom-left-radius: 6px;
+    -webkit-border-bottom-right-radius: 6px;
+    width: 100%;
+    height: 100px;
+    display: none;
 }
-
-.item .item-info {
-    border-left: 1px dotted #B4DFEE;
-    /*margin-bottom: -50em;
-    padding-bottom: 50em;*/
+.translation-deletelocale.textarea {
+    position: absolute;
+    z-index: 10;
 }
-.item-info ul {
-    list-style-type: none;
+.translation-newlocale.selected,
+.translation-deletelocale {
+    display: block;
 }
-
-/* @end */
-
-/* @group Install Information */
-
-.item .install {
-    float: right;
+.translation-newlocale .padded,
+.translation-deletelocale .padded,
+.translation-help .padded {
+    padding: 15px;
+}
+.translation-newlocale .buttons,
+.translation-deletelocale .buttons {
     text-align: center;
-    -webkit-border-radius: 11px;
-    -moz-border-radius: 11px;
-    border-radius: 11px;
-    padding: 0 3px 3px 3px;
-    margin-left: 0.5em;
+    margin: 10px;
 }
-
-.item .unavailable {
-    border: 1px solid #D2E7EE;
-    padding: 0.3em;
-    width: 10em;
+.translation-help {
     background-color: #FFFFFF;
-    color: #666666;
+    margin-bottom: 10px;
+    width: 630px;
+    display: none;
 }
-
-.recommended .install {
-    background-color: #efe;
-    border: 1px solid #2a2;
+.graybox .error-message {
+    background: transparent url('../../img/developers/exclamation.png') no-repeat 5px 50%;
+    color: red;
+    padding: 5px 0 5px 30px;
 }
-
-.experimental .install{
-    background-color: #fee;
-    border: 1px solid #f66;
+.html-rtl .graybox .error-message {
+    background-position: 100% 50%;
+    padding: 5px 25px 5px 0;
 }
 
-.item .install strong {
-    display: block;
-    font-weight: normal;
-    font-size: 0.85em;
-    line-height: 1em;
-    color: #000;
-    text-shadow: #FFFFFF 1px 1px 1px;
-    clear: left;
-}
+/** Ratings barometer **/
 
-/* @end */
-
-
-
-/* @end */
-
-/* @group Listing and separated items */
-.separated-listing h3 {
-    float: left;
-    margin-top: 0;
-}
-
-.html-rtl .separated-listing h3 {
-    float: right;
-}
+.barometer {
+    width: 100%;
+    display: -moz-box;
+    -moz-box-orient: horizontal;
+    -moz-box-align: stretch;
+    display: -webkit-box;
+    -webkit-box-orient: horizontal;
+    -webkit-box-align: center;
+    display: box;
+    box-orient: horizontal;
+    box-align: stretch;
+}
+
+/* .upvotes and .downvotes are the numbers + thumb images, in inputs. */
+.barometer .upvotes, .barometer .downvotes {
+    /* Override native input styling. */
+    margin: 0;
+    padding: 0;
+    border: 0 none;
+    cursor: pointer;
+    text-shadow: none;
+    -moz-border-radius: 0;
 
-.separated-listing .item h3 {
-    float: none;
+    padding-top: 0.1em; /* Push the text down a bit. */
+    background-repeat: no-repeat;
+    background-color: transparent;
 }
 
-.separated-listing form.item-sort {
-    float: right;
-    margin-top: -0.2em;
+.barometer .upvotes {
+    color: #00b960;
+    padding-left: 1.2em; /* Space for the image. */
+    margin-right: 0.2em; /* Space between number and bar. */
+    background-image: url('../../img/amo2009/icons/thumbs.png');
+    background-position: left 33.2%;
 }
 
-.html-rtl .separated-listing form.item-sort {
-    float: left;
+.html-rtl .barometer .upvotes {
+    padding: 0 1.2em 0 0; /* Space for the image. */
+    margin: 0 0 0 0.2em; /* Space between number and bar. */
+    background-position: right 32.5%;
 }
 
-.separated-listing .item .item-info {
-    border: none;
-    margin-bottom: 2em;
+.barometer .upvotes.voted,
+.barometer .upvotes:hover {
+    background-image: url('../../img/amo2009/icons/thumbs.png');
+    background-position: left 0;
 }
 
-.separated-listing .item .item-info p {
-    margin: 0;
+.html-rtl .barometer .upvotes.voted,
+.html-rtl .barometer .upvotes:hover {
+    background-position: right 0;
 }
 
-.separated-listing .item .downloads {
-    margin: 0;
+.barometer .downvotes {
+    color: #d93a40;
+    padding-right: 1.2em; /* Space for the image. */
+    margin-left: 0.2em; /* Space between number and bar. */
+    background-image: url('../../img/amo2009/icons/thumbs.png');
+    background-position: right 100%;
 }
 
-.separated-listing blockquote {
-    margin-right: 11em;
-    clear: left;
+.html-rtl .barometer .downvotes {
+    padding: 0 0 0 1.2em; /* Space for the image. */
+    margin: 0 0.2em 0 0; /* Space between number and bar. */
+    background-position: left 100%;
 }
 
-.separated-listing .item h4 {
-    float: left;
+.barometer .downvotes.voted,
+.barometer .downvotes:hover {
+    background-image: url('../../img/amo2009/icons/thumbs.png');
+    background-position: right 67%;
 }
 
-.html-rtl .separated-listing .item h4 {
-    float: right;
+.html-rtl .barometer .downvotes.voted,
+.html-rtl .barometer .downvotes:hover {
+    background-position: left 67.2%;
 }
 
-.separated-listing .item-info p:first-child {
-    margin-bottom: 3px;
+.barometer .downvotes:hover, .barometer .upvotes:hover,
+.barometer .downvotes.voted, .barometer .upvotes.voted {
+    font-weight: bold;
+    text-shadow: none;
 }
 
-.table-listing .item,
-.blocks .item,
-.listing .item,
-.separated-listing .item {
-    padding: 1em 1em 1em 52px;
-    position: relative;
-    background-color: #FFFFFF;
-    overflow: hidden;
-    clear: both;
-    background-repeat: repeat-x;
-    background-position: left bottom;
+.barometer .bars {
+    -moz-box-flex: 1;
+    -webkit-box-flex: 1;
+    box-flex: 1;
 }
 
-.table-listing .item,
-.blocks .item,
-.separated-listing .item {
-    border: 1px solid #C9E8F3;
-    margin: 0 0 1em 0;
-    -moz-border-radius:3px;
-    -webkit-border-radius: 3px;
-    border-radius:3px;
+.barometer .novotes {
+    background-color: #d9d9d9;
 }
 
-.listing .item {
-    border-bottom: 1px solid #D6E9F0;
-    background-image: url(../../img/amo2009/bg/listing-item.png);
-    margin: 0 0 0 0;
+.barometer .upbar, .barometer .downbar, .barometer .novotes {
+    /* Make the bars short, centered using the top margin. */
+    height: 0.7em;
+    margin-top: 0.6em;
 }
 
-.listing .item img.icon,
-.separated-listing .item img.icon {
+.barometer .votecount {
+    margin-top: -1000em;
     position: absolute;
-    top: 0.5em;
-    left: 7px;
 }
 
-.blocks .item {
-    padding: 1em;
-    height: 24.7%;
-    width: 90%;
-    min-width: 315px;
-
-    clear: none;
+.barometer .upbar,
+.barometer .downbar {
     float: left;
-
-    -moz-border-radius:6px;
-    -webkit-border-radius: 6px;
-    border-radius:6px;
 }
 
-.html-rtl .blocks .item {
+.html-rtl .barometer .upbar,
+.html-rtl .barometer .downbar {
     float: right;
-    clear: none;
 }
 
-.blocks .item .description {
-    padding-top: 0;
-    margin-bottom: 0.5em;
+.barometer .upbar {
+    background-color: #a3e4cf;
+    margin-right: 1%; /* Little bit of space between the bars. */
 }
 
-/* Float every other block right for a nice grid if we have space. */
-@media all and (min-width: 1055px) {
-    .blocks .item {
-        width: 45%;
-    }
-
-    .blocks .item:nth-child(even) {
-        float: right;
-    }
-
-    .html-rtl .blocks .item:nth-child(even) {
-        float: left;
-    }
+.html-rtl .barometer .upbar {
+    margin-left: 1%; /* Little bit of space between the bars. */
+    margin-right: 0;
 }
 
-.table-listing .item {
-    display: table;
-    padding-left: 2em;
-    width: 90%;
-    -moz-border-radius:6px;
-    -webkit-border-radius: 6px;
-    border-radius:6px;
+.barometer .downbar {
+    background-color: #ffc3c6;
 }
 
-.table-listing .item-info {
-    display: table-cell;
-    float: none;
+/* Turn off form margins in listings. */
+.item .barometer form {
+    margin: 0;
 }
 
-.table-listing .main-info {
-    display: table-cell;
-    padding-right: 1em;
+.item .barometer {
+    padding-bottom: 7px;
 }
 
+/** END Ratings barometer **/
 
-/* @group Item variations */
-
-.listing .recommended,
-.separated-listing .recommended {
-    background-image: url(../../img/amo2009/bg/listing-item-yellow.png);
-    border-color: #fc9;
-}
-.recommended .meta {
-    border-color: #fc9;
-}
+/* @group star select replacement */
 
-.listing .experimental,
-.separated-listing .experimental {
-    background-image: url(../../img/amo2009/bg/listing-item-red.png);
-    border-color: #fcc;
-}
-.experimental .meta {
-    border-color: #fcc;
+select.replaced {
+    display: none;
 }
-
-/* @end */
-
-/* @end */
-
-/* @end */
-
-/* @end */
-
-/* @group Object Lead */
-
-.object-lead {
-    padding: 1em;
+.primary .selectReplacement {
+    cursor: pointer;
+    list-style: none;
+    position: relative;
+    width: 65px;
+    height: 12px;
     margin: 0;
-    background-image: url(../../img/amo2009/bg/listing-item.png);
-    background-repeat: repeat-x;
-    background-position: left bottom;
+    padding:0;
+    background-image:url("../../img/amo2009/icons/starselect.gif");
+    background-position: -65px 0;
+    background-repeat: no-repeat;
     overflow: hidden;
-    position: relative;
 }
-
-.object-lead img.avatar {
-    border: 3px solid #C8E8F3;
-    float: left;
-    margin-right: 1em;
-}
-
-.object-lead form {
-    margin:0;
-}
-
-.object-lead h3 {
-    margin-top: 0;
-}
-
-.object-lead .meta {
-    float: right;
-    width: 18em;
-    padding-left: 2%;
-    margin: 2em 2% 0 0;
-    margin-left: 1em;
-    border-left: 1px dotted #B4DFEE;
-}
-
-.html-rtl .object-lead .meta {
-    float: left;
-    padding-left: auto;
-    padding-right: 2%;
-    margin-left: 2%;
-    margin-right: 1em;
-    border-left: none;
-    border-right: 1px dotted #B4DFEE;
-}
-
-.object-lead .object-info p {
+.primary .selectReplacement li {
+    display: inline;
     margin: 0;
+    padding: 0;
 }
-
-.object-lead .user-role {
+.selectReplacement li a:link,
+.selectReplacement li a:visited,
+.selectReplacement li a:hover,
+.selectReplacement li a:active,
+.selectReplacement li a:focus {
+    display: block;
     position: absolute;
-    top: 1em;
-    right:0;
-    background-image:url(../../img/amo2009/icons/developer.png);
-    background-position: left center;
-    background-repeat: no-repeat;
-    padding: 0.3em 1.18em 0.3em 35px;
-    text-transform: uppercase;
-    font-size: 0.846em;
-}
-
-.object-lead .notification {
-    background-color: #C8E8F3;
-    border: none;
-    margin-top: 2em;
-    margin-bottom: 1em;
-    clear: left;
-}
-
-.aux .button-wrapper,
-.object-lead .button-wrapper {
-    float: left;
-    margin-top:0.5em;
+    width: 13px;
+    height: 12px;
+    text-indent: -9999px;
     overflow: hidden;
+    left: 0;
 }
-
-.html-rtl .aux .button-wrapper,
-.html-rtl .object-lead .button-wrapper {
-    float: right;
-}
-
-/* @group Object Content */
-
-.object-content {
-    margin-left: 220px;
-}
-
-.vcard .object-content {
-    margin-left: 150px;
+ul.worst {
+    background-position: -52px 0;
 }
-
-.object-lead table,
-.object-lead tbody {
-    border-top: none;
-    border-bottom: none;
+ul.bad {
+    background-position: -39px 0;
 }
-
-.object-lead table {
-    width: 100%;
-    margin-top: 1em;
+ul.fair {
+    background-position: -26px 0;
 }
-
-.object-lead table tr th {
-    width: 20%;
+ul.good {
+    background-position: -13px 0;
 }
-
-.object-lead table tr td,
-.object-lead table tr th {
-    border-top: 1px dotted #A5C9D5;
-    border-bottom: none;
+ul.best {
+    background-position: 0 0;
 }
-
-.object-lead table tr:first-child td,
-.object-lead table tr:first-child th {
-    border-top: none;
+.selectReplacement li.worst a:link,
+.selectReplacement li.worst a:visited,
+.selectReplacement li.worst a:hover,
+.selectReplacement li.worst a:active,
+.selectReplacement li.worst a:focus {
+    left: 0;
+    z-index: 6;
 }
-
-/* @end */
-
-
-
-/* @end */
-
-/* @group Person Info table */
-
-table.person-info th,
-table.person-info td {
-    display: block;
+.selectReplacement li.bad a:link,
+.selectReplacement li.bad a:visited,
+.selectReplacement li.bad a:hover,
+.selectReplacement li.bad a:focus,
+.selectReplacement li.bad a:active {
+    left: 13px;
+    z-index: 5;
 }
-
-table.person-info td {
-    border-top:none;
-    margin: 0;
-    padding: 0.1em 0 0.3em 0;
+.selectReplacement li.fair a:link,
+.selectReplacement li.fair a:visited,
+.selectReplacement li.fair a:hover,
+.selectReplacement li.fair a:focus,
+.selectReplacement li.fair a:active {
+    left: 26px;
+    z-index: 4;
 }
-
-table.person-info th {
-    border-top:1px dotted #A5C9D5;
-    margin: 0;
-    padding: 0.3em 0 0 0;
+.selectReplacement li.good a:link,
+.selectReplacement li.good a:visited,
+.selectReplacement li.good a:hover,
+.selectReplacement li.good a:focus,
+.selectReplacement li.good a:active {
+    left: 39px;
+    z-index: 3;
 }
-
-table.person-info tr:first-child th {
-    border-top: none;
+.selectReplacement li.best a:link,
+.selectReplacement li.best a:visited,
+.selectReplacement li.best a:hover,
+.selectReplacement li.best a:focus,
+.selectReplacement li.best a:active {
+    left: 52px;
+    z-index: 2;
 }
-
-table.person-info tbody {
-    border-top:none;
+.selectReplacement li a:hover,
+.selectReplacement li a:focus,
+.selectReplacement li a:active {
+    background-position: left top;
+    background-repeat: repeat-x;
+    background-image:url("../../img/amo2009/icons/starselect_single.gif");
+    left: 0;
 }
 
-table.person-info {
-    border-bottom:none;
+.selectReplacement li.worst a:hover,
+.selectReplacement li.worst a:focus,
+.selectReplacement li.worst a:active {
+    width: 13px;
+    left: 0;
 }
-
-table.person-info a:link,
-table.person-info a:visited,
-table.person-info a:hover,
-table.person-info a:focus,
-table.person-info a:active {
-    font-weight: bold;
+.selectReplacement li.bad a:hover,
+.selectReplacement li.bad a:focus,
+.selectReplacement li.bad a:active{
+    width: 26px;
+    left: 0;
 }
-
-/* @end */
-
-/* @group Collection Columns */
-
-
-.article-wrapper {
-    margin-bottom: 1em;
-    clear: both;
+.selectReplacement li.fair a:hover,
+.selectReplacement li.fair a:focus,
+.selectReplacement li.fair a:active{
+    width: 39px;
+    left: 0;
 }
-
-.article-wrapper .article {
-    padding-bottom: 0;
+.selectReplacement li.good a:hover,
+.selectReplacement li.good a:focus,
+.selectReplacement li.good a:active{
+    width: 52px;
+    left: 0;
 }
-
-.article-wrapper h3 {
-    margin-top: 0;
+.selectReplacement li.best a:hover,
+.selectReplacement li.best a:focus,
+.selectReplacement li.best a:active {
+    width: 65px;
+    left: 0;
 }
 
 /* @end */
 
-/* @group Further Navigation */
+/* =Reviews Page */
 
-ul.further-navigation {
-    border-top: 1px dotted #B4DFEE;
-    padding-top: 1em;
-    margin-top: 1.5em;
-}
+.review .others-by-user { font-style: italic; display: block; margin-top: 0.5em; font-size: 0.85em }
+.review .others-by-user a { xpadding-left: 22px;  }
+.review .others-by-user a.loading { background: transparent url(../../img/ajax_loading.gif) no-repeat 2px top }
+.review h2 { margin-bottom: 2px;}
+.review h3 { margin-bottom: 2px;}
 
-ul.further-navigation li {
-    display: inline;
-    padding-right: 1em;
-}
+.review .hsession { display: inline; }
+.review .reviewed-on { font-size: .8em; margin: .4em 0; }
 
-ul.further-navigation li a {
-    font-weight: bold;
-}
+.others-by-user-load { padding-left: 3em; }
 
-/* @end */
+.review-reply { margin-left: 3em; }
 
-/* @end */
-
-/* @group Overrides */
+.review p.flag-thanks, .review-reply p.flag-thanks { font-weight: bold }
+.review form.flag, .review-reply form.flag { display: block; padding-bottom: 1em }
+.review form.flag label, .review-reply form.flag label { display: block; font-weight: bold }
+.review form.flag .error { color:#f00; }
 
-/* @group RL languages */
+.with-js .review p.flag-thanks, .with-js .review-reply p.flag-thanks { display: inline }
+.with-js .review form.flag, .with-js .review-reply form.flag { display: inline }
+.with-js .review form.flag label, .with-js .review-reply form.flag label { display: none; }
 
+.review .flag span.loading, .review-reply .flag span.loading { padding-left: 22px; background: transparent url(../../img/ajax_loading.gif) no-repeat 2px top }
 
+/* END =Reviews Page */
 
-/* class on the html element in order to work with arabic etc */
-
-.html-rtl {
-    text-align: right;
-    direction: rtl
+.with-js .hide-with-js {
+display:none;
 }
 
-.html-rtl .primary {
-    float: left;
-    clear: left;
-}
-.html-rtl .secondary {
-    float: right;
-    clear: right;
-}
-.html-rtl .primary .primary {
-    float: right;
-    clear: none;
-}
-.html-rtl .primary .secondary {
-    float: left;
-    clear: none;
+input[type="hidden"] {
+-moz-appearance:none;
+-moz-binding:none;
+-moz-user-focus:ignore;
+border:0 none;
+cursor:auto;
+display:none;
+padding:0;
 }
 
-/* @group Helper Styles */
-
-/* @group Generic Image Styles */
-
+/* @group Form controls */
 
+input, textarea, select, button {
+    font-family: inherit;
+    font-size: 1em;
+    line-height: inherit;
+}
 
-/* @end */
+select {
+    background-color: #fff; /* fixes bug in Opera which inherits bgcolor from container */
+}
 
-/* @group More Info */
 
-.html-rtl .more-info {
-    float: left;
-}
-.html-rtl .more-info,
-.html-rtl .more-info:link,
-.html-rtl .more-info:visited,
-.html-rtl .more-info:hover,
-.html-rtl .more-info:focus,
-.html-rtl .more-info:active {
-background-position:left -253px;
-padding-right:0;
-padding-left: 1em;
+button {
+    overflow: visible;
+    cursor: pointer;
 }
 
-.html-rtl .more-info:hover,
-.html-rtl .more-info:focus,
-.html-rtl .more-info:active {
-background-position:left -303px;
-}
-.html-rtl .hasJS .item a.show-expanded {
-    float: left;
+textarea,
+input[type='text'],
+input[type='password'],
+select {
+    border-width: 1px;
+    border-style: solid;
+    border-top-color: #999;
+    border-left-color: #999;
+    border-bottom-color: #ccc;
+    border-right-color: #ccc;
+    padding: 0 1px 1px 1px;
 }
 
-.html-rtl .highlight .more-info {
-    float: right;
+textarea:focus,
+input[type='text']:focus,
+input[type='password']:focus,
+select:focus {
+    border-color: #888;
+    outline: 1px solid #ffffaa;
 }
 
-.html-rtl .highlight .further-navigation .more-info {
-    float: left;
+input.short {
+    width: 4em;
 }
 
-.html-rtl.hasJS .section-teaser .window .more-info {
-    background-position:left -155px;
+input.medium, textarea.medium {
+    width: 12em;
 }
 
-.html-rtl .section-teaser .addon-view .more-info {
-    float: none;
+input.long, textarea.long {
+    width: 30em;
 }
 
-/* @end */
-
-/* @group Icon Indicators */
-
-.html-rtl .subscribe {
-    background-position: right 2px;
-    padding: 0 20px 0 0;
+textarea {
+    width: 99%;
+    display: block;
 }
 
-.html-rtl .share {
-    background-position: right -100px;
-    padding: 0 20px 0 0;
-    float: right;
+.button-container input {
+    font-weight: bold;
 }
 
-.html-rtl .addons {
-    background-position: right -200px;
-    padding: 0 20px 7px 0;
-}
-.html-rtl .collections {
-    background-position: right -300px;
-    padding: 0 20px 0 0;
-}
-.html-rtl .subscribers {
-    background-position: right -400px;
-    padding: 0 20px 7px 0;
-}
-.html-rtl .category {
-    background-position: right -500px;
-    padding: 0 20px 0 0;
-}
-.html-rtl .tags {
-    background-position: right -600px;
-    padding: 0 20px 0 0;
-}
-.html-rtl .digg {
-    background-position: right -900px;
-    padding: 0 20px 0 0;
-}
-.html-rtl .delicious {
-    background-position: right -1000px;
-    padding: 0 20px 0 0;
-}
-.html-rtl .facebook {
-    background-position: right -1100px;
-    padding: 0 20px 0 0;
-}
-.html-rtl .friendfeed {
-    background-position: right -1200px;
-    padding: 0 20px 0 0;
-}
-.html-rtl .myspace {
-    background-position: right -1300px;
-    padding: 0 20px 0 0;
-}
-.html-rtl .twitter {
-    background-position: right -1498px;
-    padding: 0 20px 0 0;
-}
-
-.html-rtl li.subscribe,
-.html-rtl li.share,
-.html-rtl li.addons,
-.html-rtl li.collections,
-.html-rtl li.subscribers,
-.html-rtl li.category,
-.html-rtl li.tags,
-.html-rtl li.digg,
-.html-rtl li.delicious,
-.html-rtl li.facebook,
-.html-rtl li.friendfeed,
-.html-rtl li.myspace,
-.html-rtl a.subscribe,
-.html-rtl a.share,
-.html-rtl a.addons,
-.html-rtl a.collections,
-.html-rtl a.subscribers,
-.html-rtl a.category,
-.html-rtl a.tags,
-.html-rtl a.digg,
-.html-rtl a.delicious,
-.html-rtl a.facebook,
-.html-rtl a.friendfeed,
-.html-rtl a.myspace,
-.html-rtl a.twitter {
-    padding-right:20px;
-    text-align: right;
+.button-container input.cancel {
+    font-weight: normal;
 }
 
-.html-rtl .stars {
-    text-indent:-5000px;
+button.link {
+    background-image: none;
+    border: 0;
+    padding: 0;
+    background-color: #fff;
+    font-weight: normal;
+    cursor: pointer;
+    width: auto;
+    overflow: visible;
+    text-shadow: none;
+    -moz-user-select: text;
 }
 
-/* @end */
+/* accessibility feature, resize check and radio inputs */
+.radio-container input,
+.checkbox-container input {
+    width: 1em;
+    height: 1em;
+}
 
 /* @end */
 
-/* @group Inverse layout */
-
-.html-rtl .inverse .primary {
-    float: right;
-    clear: right;
+/** jQuery UI tabs */
+.ui-tabs-hide {
+    display: none !important;
 }
-.html-rtl .inverse .secondary {
-    float: left;
-    clear: left;
+.ui-tabs-nav {
+    list-style: none;
+    margin: 0;
+    padding: 0 0 0 3px;
 }
-.html-rtl .inverse .primary .primary {
-    float: right;
-    clear: none;
+.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
+    display: block;
+    clear: both;
+    content: " ";
 }
-.html-rtl .section .inverse .primary {
+.ui-tabs-nav li {
     float: left;
-    clear: none;
+    margin: 0 0 0 2px;
+    font-weight: bold;
 }
-.html-rtl .inverse .primary .secondary {
-    float: left;
-    clear: none;
+.ui-tabs-nav a, .ui-tabs-nav a span {
+    float: left; /* fixes dir=ltr problem and other quirks IE */
+    padding: 0 12px;
+    background-color: #26395A;
 }
-.html-rtl .section .inverse .secondary  {
-    float: right;
-    clear: none;
+.ui-tabs-nav a {
+    margin: 5px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
+    padding-left: 0;
+    background-position: 100% 0;
+    text-decoration: none;
+    white-space: nowrap; /* @ IE 6 */
+    outline: 0; /* @ Firefox, prevent dotted border after click */
 }
-
-
-/* @end */
-
-/* @group Header */
-
-.html-rtl #header #title {
-    direction: ltr;
-    text-align: right;
+.ui-tabs-nav a:link, .ui-tabs-nav a:visited {
+    color: #fff;
 }
-
-/* @group Stats */
-
-.html-rtl .stats {
-    text-align: left;
-    float: left;
+.ui-tabs-nav .ui-tabs-selected a {
+    position: relative;
+    top: 1px;
+    z-index: 2;
+    margin-top: 0;
+    background-position: 100% -23px;
 }
-
-.html-rtl .stats li {
-    overflow: hidden;
+.ui-tabs-nav a span {
+    padding-top: 1px;
+    padding-right: 0;
+    height: 20px;
+    background-position: 0 0;
+    line-height: 20px;
 }
-
-.html-rtl .stats strong {
-    margin-left: 0.5em;
+.ui-tabs-nav .ui-tabs-selected a span {
+    padding-top: 0;
+    height: 27px;
+    background-position: 0 -23px;
+    line-height: 27px;
 }
 
-.html-rtl .stats span {
-    text-align: right;
-}
 
-.html-rtl ol.breadcrumbs li {
-    unicode-bidi: embed;
-    background-position:left -50px;
-    padding-right:0;
-    padding-left:1em;
+.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited,
+.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
+    cursor: text;
 }
-
-/* @end */
-
-/* @group Brand */
-
-.html-rtl #brand {
-    left: auto;
-    right: 0;
+.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
+.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
+    cursor: pointer;
 }
-
-.html-rtl #brand a:link,
-.html-rtl #brand a:visited,
-.html-rtl #brand a:hover,
-.html-rtl #brand a:focus,
-.html-rtl #brand a:active {
-    background-position: top right;
-    text-indent: 5000px;
+.ui-tabs-disabled {
+    opacity: .4;
+    filter: alpha(opacity=40);
 }
-
-/* @end */
-
-/* @group Aux nav */
-
-.html-rtl #aux-nav {
-    right: auto;
-    left: 0;
-    margin: 0 100px 0 0;
-    text-align: left;
-    background-position: top left;
+.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited {
+    color: #000;
 }
-
-/*
-
-.html-rtl #aux-nav a:link,
-.html-rtl #aux-nav a:visited,
-.html-rtl #aux-nav a:hover,
-.html-rtl #aux-nav a:focus,
-.html-rtl #aux-nav a:active {
-    margin-left: 1em;
+.ui-tabs-panel {
+    border: 1px solid #26395A;
+    padding: 10px;
+    _background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
 }
-
-.html-rtl #aux-nav a.change:link,
-.html-rtl #aux-nav a.change:visited,
-.html-rtl #aux-nav a.change:hover,
-.html-rtl #aux-nav a.change:focus,
-.html-rtl #aux-nav a.change:active {
-    background-position: top right;
-    padding-left: 0;
-    padding-right: 1em;
-    float: left;
-    margin-left: 0;
-    margin-right: 1em;
+/*.ui-tabs-loading em {
+    padding: 0 0 0 20px;
+    background: url(loading.gif) no-repeat 0 50%;
+}*/
+/* Additional IE specific bug fixes... */
+* html .ui-tabs-nav { /* auto clear @ IE 6 & IE 7 Quirks Mode */
+    display: inline-block;
+}
+*:first-child+html .ui-tabs-nav  { /* auto clear @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
+    display: inline-block;
 }
-*/
-
-/* @end */
 
-/* @end */
 
-/* @group Footer */
+/** Collections Pages */
 
-.html-rtl #footer .primary {
-    float: right;
-    background-position: right 70px;
-}
-.html-rtl #footer .secondary {
-    float: left;
+form.favorite button {
     text-align: left;
 }
-.html-rtl #footer p {
-    margin-right: 60px;
-    margin-left: 1em;
-}
-.html-rtl #footer ul {
-    margin-right: 60px;
-    margin-left: 1.273em;
-}
-.html-rtl #footer ul li {
-    display: inline;
-    margin-right: 0;
-    margin-left: 1em;
-}
-.html-rtl #footer .disclaimer {
-    margin-left: 1.273em;
-    margin-right: 60px;
-}
 
-.html-rtl #footer .languages {
-    float: left;
-}
-
-.html-rtl .stars {
-    float: right;
-    margin-left: 0.5em;
-    margin-right: 0;
-}
-
-.html-rtl h5 img.icon,
-.html-rtl h2 img.icon {
-    float: right;
-    margin-right:0;
-    margin-left: 10px;
+.html-rtl form.favorite button {
+    text-align: right;
 }
 
-/* @end */
-
-/* @group Components */
-
-/* @group Further Navigation */
-
-.html-rtl ul.further-navigation li {
-    padding-right: 0;
+blockquote.publisher-comment {
+    border-left: 3px solid #C9E8F3;
+    margin-left: 2em;
     padding-left: 1em;
 }
-
-/* @end */
-
-/* @group Star Select Replacement */
-
-.html-rtl .selectReplacement {
-    float: right;
-}
-
-/* @end */
-
-/* @group Steps */
-
-.html-rtl h4.step {
-    left: auto;
-    right: 0;
-}
-
-.html-rtl ol.numbered li {
-    padding-left:0;
-    padding-right:50px;
+blockquote.publisher-comment p {
+    margin: 0;
 }
-
-/* @end */
-
-/* @group Privacy Policy */
-
-.html-rtl .privacy-policy {
-    display: block;
+blockquote.publisher-comment p.by {
+    font-style: italic;
 }
 
-/* @end */
-
-/* @group Homepage teaser */
-
-.html-rtl .section-teaser .slideshow-controls {
-    direction: rtl;
+/* Collections Add and Edit: common styles */
+.collections-page .submit-button {
+    margin-top: 1em;
 }
-
-
-/* @end */
-
-/* @group Tables */
-
-.html-rtl table tr td,
-.html-rtl table tr th {
-    text-align: right;
+.collections-page .error_message {
+    color: red;
+    font-weight: bold;
 }
 
-/* @end */
-
-/* @group Pagination */
-
-.html-rtl ol.pagination {
-    float: right;
+/* Collections Add and Edit: add-on autocomplete */
+.collections-page .ac_input {
+    width: 400px;
 }
-
-.html-rtl ol.pagination li {
-    float: right;
+.collections-page .ac_results {
+    padding: 0px;
+    border: 1px solid WindowFrame;
+    background-color: Window;
+    overflow-x: hidden;
+    overflow-y: auto;
+    max-height: 400px;
 }
 
-.html-rtl ol.pagination span.next,
-.html-rtl ol.pagination a[rel~="next"] {
-    background-position:left -420px;
-    padding-left: 1em;
-    padding-right: 0.4em;
+.collections-page .ac_results ul {
+    width: 100%;
+    list-style-position: outside;
+    list-style: none;
+    padding: 0;
+    margin: 0;
 }
 
-.html-rtl ol.pagination span.prev,
-.html-rtl ol.pagination a[rel~="prev"] {
-    background-position:right -340px;
-    padding-right: 1em;
-    padding-left: 0.4em;
+.collections-page .ac_results iframe {
+    display:none;/*sorry for IE5*/
+    display/**/:block;/*sorry for IE5*/
+    position:absolute;
+    top:0;
+    left:0;
+    z-index:-1;
+    filter:mask();
+    width:3000px;
+    height:3000px;
 }
 
-.html-rtl ol.pagination span.prev {
-    background-position: 92% -500px;
+.collections-page .ac_results li {
+    margin: 0px;
+    padding: 2px 5px;
+    cursor: pointer;
+    display: block;
+    width: 100%;
+    font: menu;
+    font-size: 12px;
+    overflow: hidden;
 }
-.html-rtl ol.pagination span.next {
-    background-position: 5px -540px;
+.collections-page .ac_results li img {
+    width: 32px;
+    height: 32px;
+    margin-right: .5em;
+    vertical-align: middle;
 }
-
-/* @end */
-
-/* @group SearchForm */
-
-.html-rtl .hasJS .dropdown-categories {
-    left: auto;
-    right: 0;
+.collections-page .ac_loading {
+    background-image: url('../../img/ajax_loading.gif');
+    background-position: right center;
+    background-repeat: no-repeat;
 }
-
-.html-rtl .hasJS .dropdown-categories img {
-    position: absolute;
-    left: auto;
-    right: 10px;
-    top: 12px;
+.collections-page .ac_over {
+    background-color: Highlight;
+    color: HighlightText;
 }
 
-.html-rtl .hasJS .dropdown-categories h2,
-.html-rtl .hasJS .dropdown-categories h3 {
-    padding-right: 35px;
-    padding-left: 0;
+/* Collections: "add" page */
+#collections-add #addonname {
+    width: 250px;
 }
-
-.html-rtl .search-form {
-    float: left;
+#collections-add #selectedaddons {
+    width: 80%;
+    overflow: auto;
+    max-height: 300px;
 }
-
-.html-rtl .secondary .search-form {
-    float: none;
+#collections-add #selectedaddons > ul {
+    -moz-column-count: 2;
 }
-
-.html-rtl .search-form .subsidiary .container {
-    float: right;
+#collections-add #selectedaddons ul li {
+    -moz-border-radius: 8px;
+    -webkit-border-radius: 8px;
+    border-radius: 8px;
+    line-height: 32px;
+    padding: 5px;
+    overflow: hidden;
 }
-
-.html-rtl .search-form .important .application select,
-.html-rtl .search-form .important .application input {
-    margin: 0;
+#collections-add #selectedaddons ul li.flash {
+    background-color: #C8E8F3;
 }
-
-.html-rtl .search-form .basic input {
-    background-position:right center;
-    margin-right: 1.4%;
-    margin-left: 0;
+#collections-add #selectedaddons ul li img {
+    vertical-align: middle;
+    margin-right: .5em;
 }
 
-.html-rtl .search-form .basic label,
-.html-rtl .search-form .basic select,
-.html-rtl .search-form .basic input,
-.html-rtl .search-form .basic button {
-    float: right;
+#collections-add #firstaddons,
+#collections-add #selectedaddons {
+    display: none; /* shown with JS */
 }
 
-.html-rtl .search-form .basic button {
-    left: 1.4%;
-    right: auto;
+/* Collections: "edit" page */
+#collections-edit .jsonly {
+    display: none;
 }
-
-.html-rtl .search-form .important .application label,
-.html-rtl .search-form .subsidiary label {
-    float: right;
+#collections-edit .error, #collections-edit .error_message {
+    color: #f00;
 }
-
-.html-rtl form.addon-feedback label {
-    float: right;
+#collections-edit .coll-addon {
+    padding-bottom: 10px;
+    margin-bottom: 10px;
+    border-bottom: solid 1px #C8E8F3;
 }
-
-.html-rtl form.addon-feedback textarea {
-    float: left;
+#collections-edit .coll-addon blockquote {
+    margin-right: 50px;
 }
 
-/* @end */
-
-/* @group Share This */
-
-.html-rtl .share-networks {
-    background-position:160px top;
-    clear:both;
+#collections-edit .coll-addon img {
+    vertical-align:middle;
+    margin-right: .5em;
 }
-
-.html-rtl .share-this {
-    clear: right;
-    float: right;
+#collections-edit .coll-addon .name {
+    font-weight: bold;
 }
-
-
-/* @end */
-
-/* @group Feedback Form */
-
-.html-rtl form.addon-feedback {
+#collections-edit .coll-addon .added {
     float: right;
-    margin-right: 0;
-    margin-left: 1.5em;
+    font-style: italic;
 }
-
-/* @end */
-
-/* @group Meta */
-
-
-.html-rtl .meta .subscribers {
-    background-position: right -400px;
+#collections-edit .coll-addon a.removeaddon {
     float: left;
+    margin-top: -25px;
+    margin-left: 40px;
 }
-
-.html-rtl .meta .addons {
-    background-position: right -200px;
-    float: left;
-
+#collections-edit .coll-addon .editbox {
+    clear: both;
 }
-
-/* @end */
-
-
-
-/* @group Buttons */
-
-.html-rtl a:link.button img,
-.html-rtl a:visited.button img,
-.html-rtl a:hover.button img,
-.html-rtl a:focus.button img,
-.html-rtl a:active.button img,
-.html-rtl button img {
-    border-right:none;
-    border-left:1px solid #3399FF;
-    margin-right:0;
-    margin-left: 0.7em;
-    padding-right:0.2em;
-    padding-left: 0.4em;
+#collections-edit .coll-addon .editbox textarea {
+    margin-bottom: .5em;
 }
-
-.html-rtl a:link.negative img,
-.html-rtl a:visited.negative img,
-.html-rtl a:hover.negative img,
-.html-rtl a:focus.negative img,
-.html-rtl a:active.negative img,
-.html-rtl button.negative img {
-    border-right:none;
-    border-left:1px solid #E54C4F;
+#collections-edit input#submitbutton {
+    margin: 10px;
 }
 
-.html-rtl a:link.button.positive img,
-.html-rtl a:visited.button.positive img,
-.html-rtl a:hover.button.positive img,
-.html-rtl a:focus.button.positive img,
-.html-rtl a:active.button.positive img,
-.html-rtl button.positive img {
-    border-right:none;
-    border-left:1px solid #55AA00;
+/* Collections: "detail" page */
+#collections-detail .manage {
+    padding-right: 1em;
 }
-
-.html-rtl a:link.button.neutral img,
-.html-rtl a:visited.button.neutral img,
-.html-rtl a:hover.button.neutral img,
-.html-rtl a:focus.button.neutral img,
-.html-rtl a:active.button.neutral img,
-.html-rtl button.neutral img {
-    border-right:none;
-    border-left:1px solid #DD7711;
+.html-rtl #collections-detail .manage {
+    padding: 0 0 0 1em;
 }
 
-.html-rtl .search-form button img {
-    border-left: none;
-}
+/* Recently Viewed Collections */
 
-.html-rtl button.add-to-fav {
-    background-position: right;
-    float: right;
-    padding:0.5em 19px 0.2em 0px;
+#add-to-recents, #recently-viewed {
+    /* Placeholders for js content, hidden until needed. */
+    display: none;
 }
 
-/* @end */
-
-/* @group Listing */
+/** END collections pages */
 
-/* @group Listing - Header */
+/** Add to collection module **/
 
-.html-rtl .listing-header .item-sort  {
-    float: left;
-}
-
-.html-rtl .listing-header ul {
+.html-ltr #coll_publish a {
     float: right;
 }
-
-/* @end */
-
-
-
-/* @group Listing - Footer */
-
-.html-rtl .listing-footer .subscribe {
-    float: right;
-    margin-left: 1em;
+.html-rtl #coll_publish a {
+    float: left;
 }
 
-.html-rtl .listing-footer .subscribe,
-.html-rtl .pagination {
-    float: right;
+#coll_publish h3 {
+    margin: 0 0 0.5em 0;
 }
 
-/* @end */
-
-/* @group Listing items */
-
-.html-rtl .listing .item,
-.html-rtl .separated-listing .item {
-padding:1em 52px 1em 1em;
+#coll_publish h3 label {
+    font-weight: normal;
+    font-size: 0.85em;
 }
 
-.html-rtl .item .install {
-    float: left;
-    margin-left: 0;
-    margin-right: 0.5em;
-}
-.html-rtl .item img.icon {
-    left: auto;
-    right: 7px;
+#publish_to {
+    width: 100%;
 }
 
-.html-rtl .item .downloads {
-    margin-left: 0;
-    margin-right: 1em;
+/* Hide "Select a collection..." */
+#publish_to option[value=''] {
+    display: none;
 }
 
-.html-rtl .item-info {
-    float: left;
-    border-left:none;
-    border-right:1px dotted #B4DFEE;
-    margin-left:0;
-    margin-left:2%;
-    padding-left: 0;
-    padding-right:2%;
-    margin-right: 2%;
-}
+/** END add to collection module **/
 
-.html-rtl .item-info ul {
-    text-align: left;
+/**
+ * Tag classes, from 1 to 10, 10 being the largest
+ */
+ul.tag-cloud li {float: left; padding: 3px;}
+ul.tag-cloud:after {
+    content: ".";
+    clear: both;
+    display: block;
+    visibility: hidden;
+    height: 0;
+    overflow: hidden;
 }
 
-.html-rtl .item .thumbnail {
-    float: right;
-    margin-left:1em;
-    margin-right:0;
-}
+.tagLevel1 {font-size: 1em;}
+.tagLevel2 {font-size: 1.2em;}
+.tagLevel3 {font-size: 1.4em;}
+.tagLevel4 {font-size: 1.6em;}
+.tagLevel5 {font-size: 1.8em;}
+.tagLevel6 {font-size: 2em;}
+.tagLevel7 {font-size: 2.2em;}
+.tagLevel8 {font-size: 2.4em;}
+.tagLevel9 {font-size: 2.6em;}
+.tagLevel10 {font-size: 3em;}
 
-.html-rtl .screenshot.thumbnail {
-    float: right;
-    margin-right: 0;
-    margin-left: 1em;
+/** tag styles **/
+.addon-tags .usertag .tagitem {
+    padding-left: 20px;
+    background-image: url(../../img/amo2009/icons/icons.png);
+    background-repeat: no-repeat;
+    background-position: 0px -600px;
 }
 
-.html-rtl .separated-listing blockquote {
-    margin-right:0;
-    margin-left:11em;
+.html-rtl .addon-tags .usertag .tagitem {
+    background-position: 100% -600px;
+    padding-left: 0;
+    padding-right: 20px;
 }
 
-/* @end */
-/* @end */
-
-/* @group Object Lead */
-
-.html-rtl .object-lead .user-role {
-    background-position:right center;
-    left:160px;
-    right: inherit;
-    padding:0.3em 35px 0.3em 1.18em;
+.addon-tags .developertag .tagitem {
+    padding-left: 20px;
+    background-image: url(../../img/amo2009/icons/icons.png);
+    background-repeat: no-repeat;
+    background-position: 0px -1400px;
 }
 
-.html-rtl .object-content {
-    margin-right:0;
-    margin-left:220px;
+.html-rtl .addon-tags .developertag .tagitem {
+    background-position: 100% -1400px;
+    padding-left: 0;
+    padding-right: 20px;
 }
 
-/* @end */
-
-
 
-/* @end */
-/* @end */
-
-/* @group Different Applications  */
-
-.firefox h2 {
-    color: #C63717;
-}
-.firefox #aux-nav .change li.firefox {
-    display: none;
+.addon-tags li .removetag {
+    display:none;
 }
-
-.thunderbird h2 {
-    color: #105399;
+.addon-tags li.hover .removetag,
+#tags .nojs li .removetag {
+    display:inline;
+    background: transparent url(../../img/amo2009/icons/cross.png) no-repeat left;
+    border: none;
+    margin: 0;
+    text-indent: -1000px;
+    /* IE7 fix in ie7.css */
 }
-.thunderbird #aux-nav .change li.thunderbird {
-    display: none;
+.html-rtl .addon-tags li.hover .removetag,
+.html-rtl #tags .nojs li .removetag {
+    background-position: right;
 }
 
-.sunbird h2 {
-    color: #007940;
-}
-.sunbird #aux-nav .change li.sunbird {
-    display: none;
-}
+.addon-tags form.remove-tags { margin-bottom: 0;}
+.addon-tags form.remove-tags .removetag { vertical-align: bottom; margin-left: 3px; }
+.html-rtl .addon-tags form.remove-tags .removetag { margin-left: 0; margin-right: 3px; }
 
-.seamonkey h2 {
-    color: #1408E5;
-}
-.seamonkey #aux-nav .change li.seamonkey {
-    display: none;
+#tags #tagMessage {
+    background-color: #FFFFFF;
+    color:#666666;
+    display:block;
+    font-size:0.769em;
+    font-weight:normal;
+    line-height:1em;
+    text-shadow:1px 1px 1px #FFFFFF;
+    padding: 4px;
 }
 
+#tags ul li {
+	margin-bottom:.6em;
+	}
+	
+#tags ul li a:hover {
+	color:rgb(57,133,229);
+	text-decoration:underline;
+	}	
 
-/* @end */
-
-/* @end */
-
-/* Developer page */
-
-.vcard .secondary {
-    margin: 1em 0 0 1em;
-}
-
-.teaser-items .vcard .photo-large {
-    height: 150px;
-    width: 150px;
+button,input[type=submit],input[type=button] {
+    background-image: url(../../img/amo2009/bg/button-blue.jpg);
+    background-color:#73B9FF;
+    background-position:center center;
+    background-repeat:repeat-x;
+    padding:0 0.6em 0 0.5em;
+    -moz-border-radius: 13px;
+    -webkit-border-radius: 8px;
+    border-radius: 10px;
+    color:#FFFFFF;
+    font-family:helvetica, arial, sans-serif;
+    text-decoration:none;
+    font-size:1em;
+    text-shadow:-1px -1px 1px #196CF2;
+    white-space:nowrap;
+    overflow:visible;
+    cursor:pointer;
+    border:1px solid #258BFF;
+    margin:0.3em 0;
+    vertical-align:middle;
 }