Index: modules/system/defaults-rtl.css
===================================================================
RCS file: /cvs/drupal/drupal/modules/system/defaults-rtl.css,v
retrieving revision 1.3
diff -u -p -r1.3 defaults-rtl.css
--- modules/system/defaults-rtl.css	27 Nov 2007 12:09:26 -0000	1.3
+++ modules/system/defaults-rtl.css	13 Oct 2009 10:35:21 -0000
@@ -1,7 +1,28 @@
 /* $Id: defaults-rtl.css,v 1.3 2007/11/27 12:09:26 goba Exp $ */
 
-th {
+th,
+thead th {
   text-align: right;
   padding-right: 0;
   padding-left: 1em;
 }
+
+.item-list ul li {
+  margin: 0 1.5em 0.25em 0;
+}
+
+ul.primary {
+  padding: 0 1em 0 0;
+}
+
+ul.primary li a {
+  margin-right: 5px;
+  margin-left: 0.5em;
+}
+
+ul.secondary li {
+  display: inline;
+  padding: 0 1em;
+  border-right: none;
+  border-left: 1px solid #ccc;
+}
Index: modules/system/defaults.css
===================================================================
RCS file: /cvs/drupal/drupal/modules/system/defaults.css,v
retrieving revision 1.6
diff -u -p -r1.6 defaults.css
--- modules/system/defaults.css	18 Feb 2009 14:28:23 -0000	1.6
+++ modules/system/defaults.css	13 Oct 2009 10:35:21 -0000
@@ -1,36 +1,273 @@
 /* $Id: defaults.css,v 1.6 2009/02/18 14:28:23 webchick Exp $ */
 
-/*
-** HTML elements
-*/
-fieldset {
-  margin-bottom: 1em;
-  padding: .5em;
-}
-form {
-  margin: 0;
-  padding: 0;
-}
+/**
+ * @file
+ * Defines default styles for generic and common elements.
+ */
+
 hr {
   height: 1px;
   border: 1px solid gray;
 }
+
 img {
   border: 0;
 }
+
+/**
+ * Item lists
+ */
+.item-list .icon {
+  color: #555;
+}
+
+.item-list .title {
+  font-weight: bold;
+}
+
+.item-list ul {
+  margin: 0 0 0.75em 0;
+  padding: 0;
+}
+
+.item-list ul li {
+  margin: 0 0 0.25em 1.5em; /* LTR */
+  padding: 0;
+  list-style: disc;
+}
+
+/**
+ * Pagers
+ */
+.item-list .pager {
+  clear: both;
+  text-align: center;
+}
+
+.item-list .pager li {
+  background-image:none;
+  display:inline;
+  list-style-type:none;
+  padding: 0.5em;
+}
+
+.pager-current {
+  font-weight:bold;
+}
+
+/**
+ * Tables
+ */
 table {
   border-collapse: collapse;
 }
-th {
+
+th,
+thead th {
   text-align: left; /* LTR */
   padding-right: 1em; /* LTR */
   border-bottom: 3px solid #ccc;
 }
 
-/*
-** Markup free clearing
-** Details: http://www.positioniseverything.net/easyclearing.html
-*/
+tr.even,
+tr.odd {
+  background-color: #eee;
+  border-bottom: 1px solid #ccc;
+  padding: 0.1em 0.6em;
+}
+
+tr.drag {
+  background-color: #fffff0;
+}
+
+tr.drag-previous {
+  background-color: #ffd;
+}
+
+td.active {
+  background-color: #ddd;
+}
+
+td.checkbox,
+th.checkbox {
+  text-align: center;
+}
+
+tbody {
+  border-top: 1px solid #ccc;
+}
+
+tbody th {
+  border-bottom: 1px solid #ccc;
+}
+
+/* To be used with tableselect.js */
+tr.selected td {
+  background: #ffc;
+}
+
+/* Floating header for tableheader.js */
+table.sticky-header {
+  background: #fff;
+}
+
+/**
+ * Forms
+ */
+form {
+  margin: 0;
+  padding: 0;
+}
+
+fieldset {
+  margin-bottom: 1em;
+  padding: .5em;
+}
+
+.form-item {
+  margin-top: 1em;
+  margin-bottom: 1em;
+}
+
+tr.odd .form-item,
+tr.even .form-item {
+  margin-top: 0;
+  margin-bottom: 0;
+  white-space: nowrap;
+}
+
+tr.merge-down,
+tr.merge-down td,
+tr.merge-down th {
+  border-bottom-width: 0 !important;
+}
+
+tr.merge-up,
+tr.merge-up td,
+tr.merge-up th {
+  border-top-width: 0 !important;
+}
+
+.form-item .description {
+  font-size: 0.85em;
+}
+
+.form-item label {
+  font-weight: bold;
+}
+
+.form-item label.option {
+  font-weight: normal;
+}
+
+.form-checkboxes,
+.form-radios {
+  margin: 1em 0;
+}
+
+.form-checkboxes .form-item,
+.form-radios .form-item {
+  margin-top: 0.4em;
+  margin-bottom: 0.4em;
+}
+
+.form-type-radio .description,
+.form-type-checkbox .description {
+  margin-left: 2.4em;
+}
+
+/**
+ * Collapsing fieldsets
+ */
+html.js fieldset.collapsible legend span.summary {
+  font-size: 0.9em;
+  color: #999;
+}
+
+/**
+ * Filter tips
+ */
+.tips {
+  margin-top: 0;
+  margin-bottom: 0;
+  padding-top: 0;
+  padding-bottom: 0;
+  font-size: 0.9em;
+}
+
+/**
+ * Breadcrumb
+ */
+.breadcrumb {
+  padding-bottom: .5em;
+}
+
+/**
+ * Primary & secondary local tasks (tabs)
+ */
+ul.primary {
+  border-collapse: collapse;
+  padding: 0 0 0 1em; /* LTR */
+  white-space: nowrap;
+  list-style: none;
+  margin: 5px;
+  height: auto;
+  line-height: normal;
+  border-bottom: 1px solid #bbb;
+}
+
+ul.primary li {
+  display: inline;
+}
+
+ul.primary li a {
+  background-color: #ddd;
+  border-color: #bbb;
+  border-width: 1px;
+  border-style: solid solid none solid;
+  height: auto;
+  margin-right: 0.5em; /* LTR */
+  padding: 0 1em;
+  text-decoration: none;
+}
+
+ul.primary li.active a {
+  background-color: #fff;
+  border: 1px solid #bbb;
+  border-bottom: #fff 1px solid;
+}
+
+ul.primary li a:hover {
+  background-color: #eee;
+  border-color: #ccc;
+  border-bottom-color: #eee;
+}
+
+ul.secondary {
+  border-bottom: 1px solid #bbb;
+  padding: 0.5em 1em;
+  margin: 5px;
+}
+
+ul.secondary li {
+  display: inline;
+  padding: 0 1em;
+  border-right: 1px solid #ccc; /* LTR */
+}
+
+ul.secondary a {
+  padding: 0;
+  text-decoration: none;
+}
+
+ul.secondary a.active {
+  border-bottom: 4px solid #999;
+}
+
+/**
+ * Markup free clearing
+ * Details: http://www.positioniseverything.net/easyclearing.html
+ */
 .clearfix:after {
   content: ".";
   display: block;
@@ -47,6 +284,7 @@ th {
 * html .clearfix {
   height: 1%;
 }
+
 .clearfix {
   display: block;
 }
Index: modules/system/system-rtl.css
===================================================================
RCS file: /cvs/drupal/drupal/modules/system/system-rtl.css,v
retrieving revision 1.17
diff -u -p -r1.17 system-rtl.css
--- modules/system/system-rtl.css	24 Aug 2009 03:11:34 -0000	1.17
+++ modules/system/system-rtl.css	13 Oct 2009 10:35:21 -0000
@@ -1,27 +1,20 @@
 /* $Id: system-rtl.css,v 1.17 2009/08/24 03:11:34 webchick Exp $ */
 
-thead th {
-  text-align: right;
-  padding-left: 1em;
-  padding-right: 0.5em;
-}
-
 .item-list .icon {
   float: left;
   padding-left: 0;
   padding-right: 0.25em;
   clear: left;
 }
-.item-list ul li {
-  margin: 0 1.5em 0.25em 0;
-}
 
 .more-link {
   text-align: left;
 }
+
 .more-help-link {
   text-align: left;
 }
+
 .more-help-link a {
   padding: 1px 20px 1px 0;
   background-position: 100% 50%;
@@ -36,22 +29,10 @@ dl.multiselect dt, dl.multiselect dd {
   padding: 0 1em 0.25em 0;
 }
 
-ul.primary {
-  padding: 0 1em 0 0;
-}
-ul.primary li a {
-  margin-right: 5px;
-  margin-left: 0.5em;
-}
-ul.secondary li {
-  display: inline;
-  padding: 0 1em;
-  border-right: none;
-  border-left: 1px solid #ccc;
-}
 html.js input.form-autocomplete {
   background-position: 0% 2px;
 }
+
 html.js input.throbbing {
   background-position: 0% -18px;
 }
@@ -61,6 +42,7 @@ html.js fieldset.collapsible legend a {
   padding-right: 15px;
   background-position: 98% 75%;
 }
+
 html.js fieldset.collapsed legend a {
   background-image: url(../../misc/menu-collapsed-rtl.png);
   background-position: 98% 50%;
@@ -70,29 +52,37 @@ html.js fieldset.collapsed legend a {
   float: left;
   margin: 0 0 0 5%;
 }
+
 .progress .percentage {
   float: left;
 }
+
 .progress-disabled {
   float: right;
 }
+
 .ajax-progress {
   float: right;
 }
+
 .ajax-progress .throbber {
   float: right;
 }
+
 input.password-field {
   margin-left: 10px;
   margin-right: 0;
 }
+
 input.password-confirm {
   margin-left: 10px;
   margin-right: 0;
 }
+
 .password-strength-title {
   float: right;
 }
+
 .password-parent {
   float: right;
 }
@@ -102,11 +92,14 @@ input.password-confirm {
   margin: -0.4em -0.5em -0.4em 0;
   padding: 0.42em 0.5em 0.42em 1.5em;
 }
+
 div.indentation {
   margin: -0.4em -0.4em -0.4em 0.2em;
   padding: 0.42em 0.6em 0.42em 0;
   float: right;
 }
-div.tree-child, div.tree-child-last {
+
+div.tree-child,
+div.tree-child-last {
   background-position: -65px center;
 }
Index: modules/system/system.css
===================================================================
RCS file: /cvs/drupal/drupal/modules/system/system.css,v
retrieving revision 1.63
diff -u -p -r1.63 system.css
--- modules/system/system.css	21 Sep 2009 08:52:41 -0000	1.63
+++ modules/system/system.css	13 Oct 2009 10:35:21 -0000
@@ -1,281 +1,108 @@
 /* $Id: system.css,v 1.63 2009/09/21 08:52:41 dries Exp $ */
 
-/*
-** HTML elements
-*/
+/**
+ * @file
+ * Defines system-wide styles to support certain functionalities.
+ */
+
 body.drag {
   cursor: move;
 }
+
+/**
+ * Tables
+ */
+/* Sort direction indicator */
 th.active img {
   display: inline;
 }
-tr.even, tr.odd {
-  background-color: #eee;
-  border-bottom: 1px solid #ccc;
-  padding: 0.1em 0.6em;
-}
-tr.drag {
-  background-color: #fffff0;
-}
-tr.drag-previous {
-  background-color: #ffd;
-}
-td.active {
-  background-color: #ddd;
-}
-td.checkbox, th.checkbox {
-  text-align: center;
-}
-tbody {
-  border-top: 1px solid #ccc;
-}
-tbody th {
-  border-bottom: 1px solid #ccc;
-}
-thead th {
-  text-align: left; /* LTR */
-  padding-right: 1em; /* LTR */
-  border-bottom: 3px solid #ccc;
-}
 
-/*
-** Other common styles
-*/
-.breadcrumb {
-  padding-bottom: .5em
+/* Floating header for tableheader.js */
+table.sticky-header {
+  margin-top: 0;
 }
-div.indentation {
-  width: 20px;
-  height: 1.7em;
-  margin: -0.4em 0.2em -0.4em -0.4em; /* LTR */
-  padding: 0.42em 0 0.42em 0.6em; /* LTR */
+
+/* Drag and drop */
+.draggable a.tabledrag-handle {
+  cursor: move;
   float: left; /* LTR */
+  height: 1.7em;
+  margin: -0.4em 0 -0.4em -0.5em; /* LTR */
+  padding: 0.42em 1.5em 0.42em 0.5em; /* LTR */
+  text-decoration: none;
 }
-div.tree-child {
-  background: url(../../misc/tree.png) no-repeat 11px center; /* LTR */
-}
-div.tree-child-last {
-  background: url(../../misc/tree-bottom.png) no-repeat 11px center; /* LTR */
-}
-div.tree-child-horizontal {
-  background: url(../../misc/tree.png) no-repeat -11px center;
-}
-.error {
-  color: #e55;
-}
-div.error {
-  border: 1px solid #d77;
-}
-div.error, tr.error {
-  background: #fcc;
-  color: #200;
-  padding: 2px;
-}
-.warning {
-  color: #e09010;
-}
-div.warning {
-  border: 1px solid #f0c020;
-}
-div.warning, table tr.warning {
-  background: #ffd;
-  color: #220;
-  padding: 2px;
-}
-.ok {
-  color: #008000;
+
+a.tabledrag-handle:hover {
+  text-decoration: none;
 }
-div.ok {
-  border: 1px solid #00aa00;
+
+a.tabledrag-handle .handle {
+  margin-top: 4px;
+  height: 13px;
+  width: 13px;
+  background: url(../../misc/draggable.png) no-repeat 0 0;
 }
-div.ok, tr.ok {
-  background: #dfd;
-  color: #020;
-  padding: 2px;
+
+a.tabledrag-handle-hover .handle {
+  background-position: 0 -20px;
 }
+
+/**
+ * Item lists
+ */
 .item-list .icon {
-  color: #555;
   float: right; /* LTR */
   padding-left: 0.25em; /* LTR */
   clear: right; /* LTR */
 }
-.item-list .title {
-  font-weight: bold;
-}
-.item-list ul {
-  margin: 0 0 0.75em 0;
-  padding: 0;
-}
-.item-list ul li {
-  margin: 0 0 0.25em 1.5em; /* LTR */
-  padding: 0;
-  list-style: disc;
-}
-ol.task-list li.active {
-  font-weight: bold;
-}
-.form-item {
-  margin-top: 1em;
-  margin-bottom: 1em;
-}
-tr.odd .form-item, tr.even .form-item {
-  margin-top: 0;
-  margin-bottom: 0;
-  white-space: nowrap;
-}
-tr.merge-down, tr.merge-down td, tr.merge-down th {
-  border-bottom-width: 0 !important;
-}
-tr.merge-up, tr.merge-up td, tr.merge-up th {
-  border-top-width: 0 !important;
-}
-.form-item input.error, .form-item textarea.error, .form-item select.error {
-  border: 2px solid red;
-}
-.form-item .description {
-  font-size: 0.85em;
-}
+
+/**
+ * Forms
+ */
 .form-item label {
   display: block;
-  font-weight: bold;
 }
+
 .form-item label.option {
   display: inline;
-  font-weight: normal;
-}
-.form-checkboxes, .form-radios {
-  margin: 1em 0;
-}
-.form-checkboxes .form-item, .form-radios .form-item {
-  margin-top: 0.4em;
-  margin-bottom: 0.4em;
 }
-.form-type-radio .description, .form-type-checkbox .description {
-  margin-left: 2.4em;
-}
-.marker, .form-required {
+
+.marker,
+.form-required {
   color: #f00;
 }
-.more-help-link {
-  text-align: right; /* LTR */
-}
-.more-help-link a {
-  padding: 1px 0 1px 20px; /* LTR */
-  background: url(../../misc/help.png) 0 50% no-repeat; /* LTR */
-}
-.more-link {
-  text-align: right; /* LTR */
-}
-.module-help {
-  margin-left: 1em; /* LTR */
-  float: right; /* LTR */
-}
-.nowrap {
-  white-space: nowrap;
-}
-.item-list .pager {
-  clear: both;
-  text-align: center;
-}
-.item-list .pager li {
-  background-image:none;
-  display:inline;
-  list-style-type:none;
-  padding: 0.5em;
-}
-.pager-current {
-  font-weight:bold;
-}
-.tips {
-  margin-top: 0;
-  margin-bottom: 0;
-  padding-top: 0;
-  padding-bottom: 0;
-  font-size: 0.9em;
-}
-dl.multiselect dd.b, dl.multiselect dd.b .form-item, dl.multiselect dd.b select {
-  font-family: inherit;
-  font-size: inherit;
-  width: 14em;
-}
-dl.multiselect dd.a, dl.multiselect dd.a .form-item {
-  width: 8em;
-}
-dl.multiselect dt, dl.multiselect dd {
-  float: left; /* LTR */
-  line-height: 1.75em;
-  padding: 0;
-  margin: 0 1em 0 0; /* LTR */
-}
-dl.multiselect .form-item {
-  height: 1.75em;
-  margin: 0;
-}
 
-/*
-** Inline items (need to override above)
-*/
-.container-inline div, .container-inline label {
-  display: inline;
+.form-item input.error,
+.form-item textarea.error,
+.form-item select.error {
+  border: 2px solid red;
 }
 
-/*
-** Tab navigation
-*/
-ul.primary {
-  border-collapse: collapse;
-  padding: 0 0 0 1em; /* LTR */
-  white-space: nowrap;
-  list-style: none;
-  margin: 5px;
-  height: auto;
-  line-height: normal;
-  border-bottom: 1px solid #bbb;
-}
-ul.primary li {
-  display: inline;
-}
-ul.primary li a {
-  background-color: #ddd;
-  border-color: #bbb;
-  border-width: 1px;
-  border-style: solid solid none solid;
-  height: auto;
-  margin-right: 0.5em; /* LTR */
-  padding: 0 1em;
-  text-decoration: none;
-}
-ul.primary li.active a {
-  background-color: #fff;
-  border: 1px solid #bbb;
-  border-bottom: #fff 1px solid;
-}
-ul.primary li a:hover {
-  background-color: #eee;
-  border-color: #ccc;
-  border-bottom-color: #eee;
-}
-ul.secondary {
-  border-bottom: 1px solid #bbb;
-  padding: 0.5em 1em;
-  margin: 5px;
-}
-ul.secondary li {
-  display: inline;
-  padding: 0 1em;
-  border-right: 1px solid #ccc; /* LTR */
+/**
+ * Resizable textareas
+ */
+.resizable-textarea {
+  width: 95%;
 }
-ul.secondary a {
-  padding: 0;
-  text-decoration: none;
+
+.resizable-textarea .grippie {
+  height: 9px;
+  overflow: hidden;
+  background: #eee url(../../misc/grippie.png) no-repeat center 2px;
+  border: 1px solid #ddd;
+  border-top-width: 0;
+  cursor: s-resize;
 }
-ul.secondary a.active {
-  border-bottom: 4px solid #999;
+
+html.js .resizable-textarea textarea {
+  margin-bottom: 0;
+  width: 100%;
+  display: block;
 }
 
-/*
-** Autocomplete styles
-*/
+/**
+ * Autocomplete
+ */
 /* Suggestion list */
 #autocomplete {
   position: absolute;
@@ -283,35 +110,40 @@ ul.secondary a.active {
   overflow: hidden;
   z-index: 100;
 }
+
 #autocomplete ul {
   margin: 0;
   padding: 0;
   list-style: none;
   list-style-image: none;
 }
+
 #autocomplete li {
   background: #fff;
   color: #000;
   white-space: pre;
   cursor: default;
 }
+
 #autocomplete li.selected {
   background: #0072b9;
   color: #fff;
 }
+
 /* Animated throbber */
 html.js input.form-autocomplete {
   background-image: url(../../misc/throbber.gif);
   background-repeat: no-repeat;
   background-position: 100% 2px; /* LTR */
 }
+
 html.js input.throbbing {
   background-position: 100% -18px; /* LTR */
 }
 
-/*
-** Collapsing fieldsets
-*/
+/**
+ * Collapsing fieldsets
+ */
 html.js fieldset.collapsed {
   border-bottom-width: 0;
   border-left-width: 0;
@@ -319,138 +151,185 @@ html.js fieldset.collapsed {
   margin-bottom: 0;
   height: 1em;
 }
+
 html.js fieldset.collapsed * {
   display: none;
 }
+
 html.js fieldset.collapsed legend {
   display: block;
   overflow: hidden;
 }
+
 html.js fieldset.collapsible legend a {
   display: inline;
   padding-left: 15px; /* LTR */
   background: url(../../misc/menu-expanded.png) 5px 75% no-repeat; /* LTR */
 }
+
 html.js fieldset.collapsible legend span.summary {
   display: inline;
-  font-size: 0.9em;
-  color: #999;
   margin-left: 0.5em;
 }
+
 html.js fieldset.collapsed legend a {
   background-image: url(../../misc/menu-collapsed.png); /* LTR */
   background-position: 5px 50%; /* LTR */
 }
+
 /* Note: IE-only fix due to '* html' (breaks Konqueror otherwise). */
 * html.js fieldset.collapsed legend,
 * html.js fieldset.collapsed legend *,
 * html.js fieldset.collapsed table * {
   display: inline;
 }
+
 /* For Safari 2 to prevent collapsible fieldsets containing tables from dissapearing due to tableheader.js. */
 html.js fieldset.collapsible {
   position: relative;
 }
+
 /* Avoid jumping around due to margins collapsing into collapsible fieldset border */
 html.js fieldset.collapsible .fieldset-wrapper {
   overflow: auto;
 }
 
-/*
-** Resizable text areas
-*/
-.resizable-textarea {
-  width: 95%;
-}
-.resizable-textarea .grippie {
-  height: 9px;
-  overflow: hidden;
-  background: #eee url(../../misc/grippie.png) no-repeat center 2px;
-  border: 1px solid #ddd;
-  border-top-width: 0;
-  cursor: s-resize;
-}
-html.js .resizable-textarea textarea {
-  margin-bottom: 0;
-  width: 100%;
-  display: block;
-}
-
-/*
-** Table drag and drop.
-*/
-.draggable a.tabledrag-handle {
-  cursor: move;
-  float: left; /* LTR */
-  height: 1.7em;
-  margin: -0.4em 0 -0.4em -0.5em; /* LTR */
-  padding: 0.42em 1.5em 0.42em 0.5em; /* LTR */
-  text-decoration: none;
-}
-a.tabledrag-handle:hover {
-  text-decoration: none;
-}
-a.tabledrag-handle .handle {
-  margin-top: 4px;
-  height: 13px;
-  width: 13px;
-  background: url(../../misc/draggable.png) no-repeat 0 0;
-}
-a.tabledrag-handle-hover .handle {
-  background-position: 0 -20px;
-}
-
-/*
-** Teaser splitter
-*/
+/**
+ * Teaser splitter
+ */
 .joined + .grippie {
   height: 5px;
   background-position: center 1px;
   margin-bottom: -2px;
 }
+
 /* Keeps inner content contained in Opera 9. */
 .teaser-checkbox {
   padding-top: 1px;
 }
+
 .teaser-checkbox div.form-item {
   float: right; /* LTR */
   margin: 0 5% 0 0; /* LTR */
   padding: 0;
 }
+
 textarea.teaser {
   display: none;
 }
-html.js .no-js {
-  display: none;
+
+/**
+ * Multiselect form
+ */
+dl.multiselect dd.b,
+dl.multiselect dd.b .form-item,
+dl.multiselect dd.b select {
+  font-family: inherit;
+  font-size: inherit;
+  width: 14em;
+}
+
+dl.multiselect dd.a,
+dl.multiselect dd.a .form-item {
+  width: 8em;
+}
+
+dl.multiselect dt,
+dl.multiselect dd {
+  float: left; /* LTR */
+  line-height: 1.75em;
+  padding: 0;
+  margin: 0 1em 0 0; /* LTR */
+}
+
+dl.multiselect .form-item {
+  height: 1.75em;
+  margin: 0;
+}
+
+/**
+ * 'More help' link
+ */
+.more-help-link {
+  text-align: right; /* LTR */
+}
+
+.more-help-link a {
+  padding: 1px 0 1px 20px; /* LTR */
+  background: url(../../misc/help.png) 0 50% no-repeat; /* LTR */
 }
 
-/*
-** Progressbar styles
-*/
+.module-help {
+  margin-left: 1em; /* LTR */
+  float: right; /* LTR */
+}
+
+/**
+ * 'More' link
+ */
+.more-link {
+  text-align: right; /* LTR */
+}
+
+/**
+ * Indented elements
+ */
+div.indentation {
+  width: 20px;
+  height: 1.7em;
+  margin: -0.4em 0.2em -0.4em -0.4em; /* LTR */
+  padding: 0.42em 0 0.42em 0.6em; /* LTR */
+  float: left; /* LTR */
+}
+
+/**
+ * Structure trees
+ */
+div.tree-child {
+  background: url(../../misc/tree.png) no-repeat 11px center; /* LTR */
+}
+
+div.tree-child-last {
+  background: url(../../misc/tree-bottom.png) no-repeat 11px center; /* LTR */
+}
+
+div.tree-child-horizontal {
+  background: url(../../misc/tree.png) no-repeat -11px center;
+}
+
+/**
+ * Progressbar
+ */
 .progress {
   font-weight: bold;
 }
+
 .progress .bar {
   background: #fff url(../../misc/progress.gif);
   border: 1px solid #00375a;
   height: 1.5em;
   margin: 0 0.2em;
 }
+
 .progress .filled {
   background: #0072b9;
   height: 1em;
   border-bottom: 0.5em solid #004a73;
   width: 0%;
 }
+
 .progress .percentage {
   float: right; /* LTR */
 }
+
 .progress-disabled {
   float: left; /* LTR */
 }
+
 .ajax-progress {
   float: left; /* LTR */
 }
+
 .ajax-progress .throbber {
   width: 15px;
   height: 15px;
@@ -458,123 +337,194 @@ html.js .no-js {
   background: transparent url(../../misc/throbber.gif) no-repeat 0px -18px;
   float: left; /* LTR */
 }
+
 tr .ajax-progress .throbber {
   margin: 0 2px;
 }
+
 .ajax-progress-bar {
   width: 16em;
 }
 
-/*
-** Formatting for welcome page
-*/
-#first-time strong {
-  display: block;
-  padding: 1.5em 0 .5em;
+/**
+ * Errors, warnings & notices
+ */
+.error {
+  color: #e55;
 }
 
-/*
-** To be used with tableselect.js
-*/
-tr.selected td {
-  background: #ffc;
+div.error {
+  border: 1px solid #d77;
 }
 
-/*
-** Floating header for tableheader.js
-*/
-table.sticky-header {
-  margin-top: 0;
-  background: #fff;
+div.error,
+tr.error {
+  background: #fcc;
+  color: #200;
+  padding: 2px;
+}
+
+.warning {
+  color: #e09010;
+}
+
+div.warning {
+  border: 1px solid #f0c020;
+}
+
+div.warning,
+table tr.warning {
+  background: #ffd;
+  color: #220;
+  padding: 2px;
+}
+
+.ok {
+  color: #008000;
+}
+
+div.ok {
+  border: 1px solid #00aa00;
+}
+
+div.ok,
+tr.ok {
+  background: #dfd;
+  color: #020;
+  padding: 2px;
+}
+
+/**
+ * Formatting for welcome page
+ */
+#first-time strong {
+  display: block;
+  padding: 1.5em 0 .5em;
 }
 
-/*
-** Installation clean URLs
-*/
+/**
+ * Installation clean URLs
+ */
 #clean-url.install {
   display: none;
 }
 
-/*
-** For anything you want to hide on page load when JS is enabled, so
-** that you can use the JS to control visibility and avoid flicker.
-*/
-html.js .js-hide {
-  display: none;
+/**
+ * Installation task list
+ */
+ol.task-list li.active {
+  font-weight: bold;
 }
 
-/*
-** Styles for the system modules page (admin/config/modules)
-*/
+/**
+ * System modules page (admin/config/modules)
+ */
 #system-modules div.incompatible {
   font-weight: bold;
 }
 
-/*
-** Styles for the system themes page (admin/appearance)
-*/
+/**
+ * System themes page (admin/appearance)
+ */
 #system-themes-form div.incompatible {
   font-weight: bold;
 }
 
-/*
-** Password strength indicator
-*/
+/**
+ * Password strength indicator
+ */
 #password-strength {
   width: 17em;
   float: right;  /* LTR */
   margin-top: 1.4em;
 }
+
 .password-strength-title {
   display: inline;
 }
+
 #password-strength-text {
   float: right; /* LTR */
   font-weight: bold;
 }
+
 #password-indicator {
   background-color: #C4C4C4;
   height: 0.3em;
   width: 100%;
 }
+
 #password-indicator div {
   height: 100%;
   width: 0%;
   background-color: #47C965;
 }
+
 input.password-confirm, input.password-field {
   width: 16em;
   margin-bottom: 0.4em;
 }
+
 div.password-confirm {
   display: inline;
   padding-left: 1em;
 }
+
 div.password-suggestions {
   padding: 0.2em 0.5em;
   margin: 0.7em 0;
   width: 38.5em;
   border: 1px solid #B4B4B4;
 }
+
 div.password-suggestions ul {
   margin-bottom: 0;
 }
+
 .password-parent {
   margin: 0;
   width: 34.3em;
 }
 
-/*
-** Password confirmation checker
-*/
+/**
+ * Password confirmation checker
+ */
 .confirm-parent {
   margin: 0;
 }
+
 div.password-confirm {
   visibility: hidden;
 }
 
 /**
+ * Inline elements
+ */
+.container-inline div,
+.container-inline label {
+  display: inline;
+}
+
+/**
+ * Force 'nowrap' on elements.
+ */
+.nowrap {
+  white-space: nowrap;
+}
+
+/**
+ * For anything you want to hide on page load when JS is enabled, so
+ * that you can use the JS to control visibility and avoid flicker.
+ */
+html.js .js-hide {
+  display: none;
+}
+
+html.js .no-js {
+  display: none;
+}
+
+/**
  * Hide elements from all users.
  *
  * Used for elements which should not be immediately displayed to any user. An