+#detail-view .loading > image {
+ list-style-image: url("chrome://global/skin/icons/loading.gif");
+}
+
+.detail-view-container {
+ padding: 2em;
+ font-size: 110%;
+}
+
+#detail-notifications {
+ margin-bottom: 2em;
+}
+
+#detail-notifications .warning,
+#detail-notifications .pending,
+#detail-notifications .error,
+#detail-notifications .info {
+ -moz-margin-start: 0;
+}
+
+#detail-icon {
+ -moz-margin-end: 10px;
+}
+
+#detail-summary {
+ margin-bottom: 2em;
+}
+
+#detail-name-container {
+ font-size: 200%;
+}
+
+#detail-screenshot {
+ -moz-margin-end: 2em;
+}
+
+#detail-desc-container {
+ margin-bottom: 2em;
+}
+
+#detail-desc {
+ -moz-margin-start: 6px;
+ white-space: pre-wrap;
+ /* This is necessary to fix layout issues with multi-line descriptions, see
+ bug 592712*/
+ outline: solid transparent;
+}
+
+#detail-contributions {
+ border-radius: 5px;
+ border: 1px solid #666699;
+ margin-bottom: 2em;
+ padding: 1em;
+ background: #FFFFCC;
+}
+
+#detail-contrib-description {
+ font-style: italic;
+ margin-bottom: 1em;
+}
+
+#detail-contrib-suggested {
+ color: grey;
+}
+
+#detail-contrib-button {
+ list-style-image: url("chrome://mozapps/skin/extensions/heart.png");
+}
+
+#detail-contrib-button .button-icon {
+ -moz-margin-end: 3px;
+}
+
+#detail-grid {
+ margin-bottom: 2em;
+}
+
+.detail-row[first-row="true"],
+.detail-row-complex[first-row="true"] {
+ border-top: none;
+}
+
+.detail-row,
+.detail-row-complex {
+ border-top: 1px solid #808080;
+ -moz-box-align: center;
+}
+
+.detail-row-value {
+ -moz-margin-start: 0;
+}
+
+
+/*** creator ***/
+
+.creator > label {
+ -moz-margin-start: 0px;
+ -moz-margin-end: 0px;
+}
+
+.creator > .text-link {
+ margin-top: 1px;
+ margin-bottom: 1px;
+}
+
+
+/*** rating ***/
+
+.meta-rating {
+ -moz-margin-start: 0px;
+ -moz-margin-end: 0px;
+ vertical-align: text-top;
+}
+
+.meta-rating[showrating="average"] > .star {
+ list-style-image: url("chrome://mozapps/skin/extensions/rating-not-won.png");
+ padding: 0px 1px;
+}
+
+.meta-rating[showrating="user"] > .star {
+ list-style-image: url("chrome://mozapps/skin/extensions/rating-unrated.png");
+ padding: 2px 3px;
+}
+
+.meta-rating > .star[on="true"],
+.meta-rating[showrating="user"] > .star[hover] {
+ list-style-image: url("chrome://mozapps/skin/extensions/rating-won.png");
+ padding: 0px 1px;
+}
+
+
+/*** download progress ***/
+
+.download-progress {