misc docs updates, revamped tables CSS save for grid columns and tablesorter options

1 files changed, 258 insertions, 280 deletions

diff --git a/bootstrap.css b/bootstrap.css
index e8b9d2d53..87e12fca0 100644
--- a/bootstrap.css
+++ b/bootstrap.css
@@ -6,7 +6,7 @@
  * http://www.apache.org/licenses/LICENSE-2.0
  *
  * Designed and built with all the love in the world @twitter by @mdo and @fat.
- * Date: Thu Nov 17 00:52:01 PST 2011
+ * Date: Tue Nov 29 22:34:51 PST 2011
  */
 /* Reset.less
  * Props to Eric Meyer (meyerweb.com) for his CSS reset file. We're using an adapted version here that cuts out some of the reset HTML elements we will never need here (i.e., dfn, samp, etc).
@@ -118,9 +118,9 @@ audio:not([controls]) {
   display: none;
 }
 sub, sup {
+  position: relative;
   font-size: 75%;
   line-height: 0;
-  position: relative;
   vertical-align: baseline;
 }
 sup {
@@ -137,18 +137,18 @@ button,
 input,
 select,
 textarea {
-  font-size: 100%;
   margin: 0;
+  font-size: 100%;
   vertical-align: baseline;
   *vertical-align: middle;
 }
 button, input {
-  line-height: normal;
   *overflow: visible;
+  line-height: normal;
 }
 button::-moz-focus-inner, input::-moz-focus-inner {
-  border: 0;
   padding: 0;
+  border: 0;
 }
 button,
 input[type="button"],
@@ -181,12 +181,12 @@ textarea {
  * Basic and global styles for generating a grid system, structural layout, and page templates
  * ------------------------------------------------------------------------------------------- */
 body {
-  background-color: #ffffff;
   margin: 0;
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-size: 13px;
   line-height: 18px;
   color: #404040;
+  background-color: #ffffff;
 }
 .container {
   width: 940px;
@@ -196,9 +196,9 @@ body {
 }
 .container:before, .container:after {
   display: table;
+  *display: inline;
   content: "";
   zoom: 1;
-  *display: inline;
 }
 .container:after {
   clear: both;
@@ -212,9 +212,9 @@ body {
 }
 .fluid-container:before, .fluid-container:after {
   display: table;
+  *display: inline;
   content: "";
   zoom: 1;
-  *display: inline;
 }
 .fluid-container:after {
   clear: both;
@@ -236,10 +236,10 @@ body {
   margin-right: 240px;
 }
 a {
+  font-weight: inherit;
+  line-height: inherit;
   color: #0069d6;
   text-decoration: none;
-  line-height: inherit;
-  font-weight: inherit;
 }
 a:hover {
   color: #00438a;
@@ -263,9 +263,9 @@ a:hover {
 }
 .row:before, .row:after {
   display: table;
+  *display: inline;
   content: "";
   zoom: 1;
-  *display: inline;
 }
 .row:after {
   clear: both;
@@ -348,10 +348,10 @@ a:hover {
  * Headings, body text, lists, code, and more for a versatile and durable typography system
  * ---------------------------------------------------------------------------------------- */
 p {
+  margin-bottom: 9px;
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-size: 13px;
   line-height: 18px;
-  margin-bottom: 9px;
 }
 p small {
   font-size: 11px;
@@ -433,8 +433,8 @@ li {
   color: #404040;
 }
 ul.unstyled {
-  list-style: none;
   margin-left: 0;
+  list-style: none;
 }
 dl {
   margin-bottom: 18px;
@@ -472,15 +472,15 @@ abbr {
   cursor: help;
 }
 blockquote {
+  padding-left: 15px;
   margin-bottom: 18px;
   border-left: 5px solid #eee;
-  padding-left: 15px;
 }
 blockquote p {
+  margin-bottom: 0;
   font-size: 300;
   font-weight: 16px;
   line-height: 22.5px;
-  margin-bottom: 0;
 }
 blockquote small {
   display: block;
@@ -498,8 +498,8 @@ blockquote.pull-right p, blockquote.pull-right small {
 }
 address {
   display: block;
-  line-height: 18px;
   margin-bottom: 18px;
+  line-height: 18px;
 }
 code, pre {
   padding: 0 3px 2px;
@@ -511,16 +511,16 @@ code, pre {
   border-radius: 3px;
 }
 code {
-  background-color: #fee9cc;
   padding: 1px 3px;
+  background-color: #fee9cc;
 }
 pre {
-  background-color: #f5f5f5;
   display: block;
   padding: 8.5px;
   margin: 0 0 9px;
-  line-height: 18px;
   font-size: 12px;
+  line-height: 18px;
+  background-color: #f5f5f5;
   border: 1px solid #ccc;
   border: 1px solid rgba(0, 0, 0, 0.15);
   -webkit-border-radius: 3px;
@@ -593,11 +593,11 @@ input[type=checkbox], input[type=radio] {
   cursor: pointer;
 }
 input[type=file] {
-  background-color: #ffffff;
-  background-color: initial;
   padding: initial;
-  border: initial;
   line-height: initial;
+  border: initial;
+  background-color: #ffffff;
+  background-color: initial;
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   box-shadow: none;
@@ -608,34 +608,34 @@ input[type=button], input[type=reset], input[type=submit] {
 }
 select, input[type=file] {
   height: 27px;
-  line-height: 27px;
   *margin-top: 4px;
   /* For IE7, add top margin to align select with labels */
 
+  line-height: 27px;
 }
 select[multiple] {
-  background-color: #ffffff;
   height: inherit;
+  background-color: #ffffff;
 }
 textarea {
   height: auto;
 }
 input, textarea {
+  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
+  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
+  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
   -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
   -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
   -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
   -o-transition: border linear 0.2s, box-shadow linear 0.2s;
   transition: border linear 0.2s, box-shadow linear 0.2s;
-  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
-  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
-  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
 }
 input:focus, textarea:focus {
-  outline: 0;
   border-color: rgba(82, 168, 236, 0.8);
   -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
   -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
   box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
+  outline: 0;
 }
 input[type=file]:focus, input[type=checkbox]:focus, select:focus {
   -webkit-box-shadow: none;
@@ -877,8 +877,8 @@ form .clearfix.success .input-prepend .add-on, form .clearfix.success .input-app
   border-top: 1px solid #ddd;
 }
 .uneditable-input {
-  background-color: #ffffff;
   display: block;
+  background-color: #ffffff;
   border-color: #eee;
   -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
   -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
@@ -897,14 +897,14 @@ form .clearfix.success .input-prepend .add-on, form .clearfix.success .input-app
   color: #bfbfbf;
 }
 .help-inline {
-  display: inline;
-  padding-left: 5px;
   *position: relative;
   /* IE6-7 */
 
   *top: -5px;
   /* IE6-7 */
 
+  display: inline;
+  padding-left: 5px;
 }
 .help-block {
   display: block;
@@ -932,27 +932,27 @@ form .clearfix.success .input-prepend .add-on, form .clearfix.success .input-app
 }
 .input-prepend .add-on, .input-append .add-on {
   position: relative;
-  background: #f5f5f5;
-  border: 1px solid #ccc;
   z-index: 2;
   float: left;
   display: block;
   width: auto;
   min-width: 16px;
   height: 18px;
-  padding: 4px 4px 4px 5px;
   margin-right: -1px;
+  padding: 4px 4px 4px 5px;
   font-weight: normal;
   line-height: 18px;
   color: #bfbfbf;
   text-align: center;
   text-shadow: 0 1px 0 #ffffff;
+  background-color: #f5f5f5;
+  border: 1px solid #ccc;
   -webkit-border-radius: 3px 0 0 3px;
   -moz-border-radius: 3px 0 0 3px;
   border-radius: 3px 0 0 3px;
 }
 .input-prepend .active, .input-append .active {
-  background: #a9dba9;
+  background-color: #a9dba9;
   border-color: #46a546;
 }
 .input-prepend .add-on {
@@ -967,11 +967,11 @@ form .clearfix.success .input-prepend .add-on, form .clearfix.success .input-app
   border-radius: 3px 0 0 3px;
 }
 .input-append .add-on {
+  margin-right: 0;
+  margin-left: -1px;
   -webkit-border-radius: 0 3px 3px 0;
   -moz-border-radius: 0 3px 3px 0;
   border-radius: 0 3px 3px 0;
-  margin-right: 0;
-  margin-left: -1px;
 }
 .search-form .search-query {
   -webkit-border-radius: 14px;
@@ -1005,43 +1005,38 @@ form .clearfix.success .input-prepend .add-on, form .clearfix.success .input-app
  * ---------------------------------------- */
 table {
   width: 100%;
-  padding: 0;
   margin-bottom: 18px;
-  font-size: 13px;
-  border-collapse: collapse;
 }
-table th, table td {
-  padding: 10px 10px 9px;
+th, td {
+  padding: 8px;
   line-height: 18px;
   text-align: left;
+  border-bottom: 1px solid #ddd;
 }
-table th {
-  padding-top: 9px;
+th {
   font-weight: bold;
-  vertical-align: middle;
+  vertical-align: bottom;
 }
-table td {
+td {
   vertical-align: top;
-  border-top: 1px solid #ddd;
 }
-table tbody th {
-  border-top: 1px solid #ddd;
-  vertical-align: top;
+tbody tr:last-child th, tbody tr:last-child td {
+  border-bottom: 0;
 }
 .condensed-table th, .condensed-table td {
-  padding: 5px 5px 4px;
+  padding: 4px 5px;
 }
 .bordered-table {
   border: 1px solid #ddd;
   border-collapse: separate;
-  *border-collapse: collapse;
-  /* IE7, collapse table to remove spacing */
-
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
 }
-.bordered-table th + th, .bordered-table td + td, .bordered-table th + td {
+.bordered-table th + th,
+.bordered-table td + td,
+.bordered-table th + td,
+.bordered-table td + th {
   border-left: 1px solid #ddd;
 }
 .bordered-table thead:first-child tr:first-child th:first-child, .bordered-table tbody:first-child tr:first-child td:first-child {
@@ -1054,153 +1049,151 @@ table tbody th {
   -moz-border-radius: 0 4px 0 0;
   border-radius: 0 4px 0 0;
 }
-.bordered-table tbody tr:last-child td:first-child {
+.bordered-table thead:last-child tr:last-child th:first-child, .bordered-table tbody:last-child tr:last-child td:first-child {
   -webkit-border-radius: 0 0 0 4px;
   -moz-border-radius: 0 0 0 4px;
   border-radius: 0 0 0 4px;
 }
-.bordered-table tbody tr:last-child td:last-child {
+.bordered-table thead:last-child tr:last-child th:last-child, .bordered-table tbody:last-child tr:last-child td:last-child {
   -webkit-border-radius: 0 0 4px 0;
   -moz-border-radius: 0 0 4px 0;
   border-radius: 0 0 4px 0;
 }
-table .span1 {
-  width: 40px;
-}
-table .span2 {
-  width: 120px;
-}
-table .span3 {
-  width: 200px;
-}
-table .span4 {
-  width: 280px;
-}
-table .span5 {
-  width: 360px;
-}
-table .span6 {
-  width: 440px;
-}
-table .span7 {
-  width: 520px;
-}
-table .span8 {
-  width: 600px;
-}
-table .span9 {
-  width: 680px;
-}
-table .span10 {
-  width: 760px;
-}
-table .span11 {
-  width: 840px;
-}
-table .span12 {
-  width: 920px;
-}
-table .span13 {
-  width: 1000px;
-}
-table .span14 {
-  width: 1080px;
-}
-table .span15 {
-  width: 1160px;
-}
-table .span16 {
-  width: 1240px;
-}
 .striped-table tbody tr:nth-child(odd) td, .striped-table tbody tr:nth-child(odd) th {
   background-color: #f9f9f9;
 }
-.striped-table tbody tr:hover td, .striped-table tbody tr:hover th {
-  background-color: #f5f5f5;
-}
-table .header {
-  cursor: pointer;
-}
-table .header:after {
-  content: "";
-  float: right;
-  margin-top: 7px;
-  border-width: 0 4px 4px;
-  border-style: solid;
-  border-color: #000 transparent;
-  visibility: hidden;
-}
-table .headerSortUp, table .headerSortDown {
-  background-color: rgba(141, 192, 219, 0.25);
-  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
-}
-table .header:hover:after {
-  visibility: visible;
-}
-table .headerSortDown:after, table .headerSortDown:hover:after {
-  visibility: visible;
-  filter: alpha(opacity=60);
-  -khtml-opacity: 0.6;
-  -moz-opacity: 0.6;
-  opacity: 0.6;
-}
-table .headerSortUp:after {
-  border-bottom: none;
-  border-left: 4px solid transparent;
-  border-right: 4px solid transparent;
-  border-top: 4px solid #000;
-  visibility: visible;
-  -webkit-box-shadow: none;
-  -moz-box-shadow: none;
-  box-shadow: none;
-  filter: alpha(opacity=60);
-  -khtml-opacity: 0.6;
-  -moz-opacity: 0.6;
-  opacity: 0.6;
-}
-table .blue {
-  color: #049cdb;
-  border-bottom-color: #049cdb;
-}
-table .headerSortUp.blue, table .headerSortDown.blue {
-  background-color: #ade6fe;
-}
-table .green {
-  color: #46a546;
-  border-bottom-color: #46a546;
-}
-table .headerSortUp.green, table .headerSortDown.green {
-  background-color: #cdeacd;
-}
-table .red {
-  color: #9d261d;
-  border-bottom-color: #9d261d;
-}
-table .headerSortUp.red, table .headerSortDown.red {
-  background-color: #f4c8c5;
-}
-table .yellow {
-  color: #ffc40d;
-  border-bottom-color: #ffc40d;
-}
-table .headerSortUp.yellow, table .headerSortDown.yellow {
-  background-color: #fff6d9;
-}
-table .orange {
-  color: #f89406;
-  border-bottom-color: #f89406;
-}
-table .headerSortUp.orange, table .headerSortDown.orange {
-  background-color: #fee9cc;
-}
-table .purple {
-  color: #7a43b6;
-  border-bottom-color: #7a43b6;
+/*
+// ----------------
+
+// This is a duplication of the main grid .columns() mixin, but subtracts 20px to account for input padding and border
+.tableColumns(@columnSpan: 1) {
+  width: ((@gridColumnWidth - 20) * @columnSpan) + ((@gridColumnWidth - 20) * (@columnSpan - 1));
 }
-table .headerSortUp.purple, table .headerSortDown.purple {
-  background-color: #e2d5f0;
+table {
+  // Default columns
+  .span1     { .tableColumns(1); }
+  .span2     { .tableColumns(2); }
+  .span3     { .tableColumns(3); }
+  .span4     { .tableColumns(4); }
+  .span5     { .tableColumns(5); }
+  .span6     { .tableColumns(6); }
+  .span7     { .tableColumns(7); }
+  .span8     { .tableColumns(8); }
+  .span9     { .tableColumns(9); }
+  .span10    { .tableColumns(10); }
+  .span11    { .tableColumns(11); }
+  .span12    { .tableColumns(12); }
+  .span13    { .tableColumns(13); }
+  .span14    { .tableColumns(14); }
+  .span15    { .tableColumns(15); }
+  .span16    { .tableColumns(16); }
 }
-/* Patterns.less
+
+
+// TABLESORTER
+// -----------
+
+table {
+  // Tablesorting styles w/ jQuery plugin
+  .header {
+    cursor: pointer;
+    &:after {
+      float: right;
+      margin-top: 7px;
+      border-width: 0 4px 4px;
+      border-style: solid;
+      border-color: #000 transparent;
+      content: "";
+      visibility: hidden;
+    }
+  }
+  // Style the sorted column headers (THs)
+  .headerSortUp,
+  .headerSortDown {
+    text-shadow: 0 1px 1px rgba(255,255,255,.75);
+    background-color: rgba(141,192,219,.25);
+  }
+  // Style the ascending (reverse alphabetical) column header
+  .header:hover {
+    &:after {
+      visibility: visible;
+    }
+  }
+  // Style the descending (alphabetical) column header
+  .headerSortDown,
+  .headerSortDown:hover {
+    &:after {
+      visibility: visible;
+      .opacity(60);
+    }
+  }
+  // Style the ascending (reverse alphabetical) column header
+  .headerSortUp {
+    &:after {
+      border-bottom: none;
+      border-left: 4px solid transparent;
+      border-right: 4px solid transparent;
+      border-top: 4px solid #000;
+      visibility:visible;
+      .box-shadow(none); //can't add boxshadow to downward facing arrow :(
+      .opacity(60);
+    }
+  }
+  // Blue Table Headings
+  .blue {
+    color: @blue;
+    border-bottom-color: @blue;
+  }
+  .headerSortUp.blue,
+  .headerSortDown.blue {
+    background-color: lighten(@blue, 40%);
+  }
+  // Green Table Headings
+  .green {
+    color: @green;
+    border-bottom-color: @green;
+  }
+  .headerSortUp.green,
+  .headerSortDown.green {
+    background-color: lighten(@green, 40%);
+  }
+  // Red Table Headings
+  .red {
+    color: @red;
+    border-bottom-color: @red;
+  }
+  .headerSortUp.red,
+  .headerSortDown.red {
+    background-color: lighten(@red, 50%);
+  }
+  // Yellow Table Headings
+  .yellow {
+    color: @yellow;
+    border-bottom-color: @yellow;
+  }
+  .headerSortUp.yellow,
+  .headerSortDown.yellow {
+    background-color: lighten(@yellow, 40%);
+  }
+  // Orange Table Headings
+  .orange {
+    color: @orange;
+    border-bottom-color: @orange;
+  }
+  .headerSortUp.orange,
+  .headerSortDown.orange {
+    background-color: lighten(@orange, 40%);
+  }
+  // Purple Table Headings
+  .purple {
+    color: @purple;
+    border-bottom-color: @purple;
+  }
+  .headerSortUp.purple,
+  .headerSortDown.purple {
+    background-color: lighten(@purple, 40%);
+  }
+}*//* Patterns.less
  * Repeatable UI elements outside the base styles provided from the scaffolding
  * ---------------------------------------------------------------------------- */
 .navbar {
@@ -1228,45 +1221,45 @@ table .headerSortUp.purple, table .headerSortDown.purple {
   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
 }
 .navbar .brand a:hover, .navbar ul .active > a {
-  background-color: #333333;
-  background-color: rgba(255, 255, 255, 0.05);
   color: #ffffff;
   text-decoration: none;
+  background-color: #333333;
+  background-color: rgba(255, 255, 255, 0.05);
 }
 .navbar .brand {
   float: left;
   display: block;
   padding: 8px 20px 12px;
   margin-left: -20px;
-  color: #ffffff;
   font-size: 20px;
   font-weight: 200;
   line-height: 1;
+  color: #ffffff;
 }
 .navbar p {
   margin: 0;
   line-height: 40px;
 }
 .navbar p a:hover {
-  background-color: transparent;
   color: #ffffff;
+  background-color: transparent;
 }
 .navbar-search {
   position: relative;
+  float: left;
   margin-top: 6px;
   margin-bottom: 0;
-  float: left;
 }
 .navbar-search .search-query {
-  background-color: #444;
-  background-color: rgba(255, 255, 255, 0.3);
+  padding: 4px 9px;
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-size: 13px;
   font-weight: normal;
   line-height: 1;
-  padding: 4px 9px;
   color: #ffffff;
   color: rgba(255, 255, 255, 0.75);
+  background-color: #444;
+  background-color: rgba(255, 255, 255, 0.3);
   border: 1px solid #111;
   -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.15);
   -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.15);
@@ -1284,20 +1277,20 @@ table .headerSortUp.purple, table .headerSortDown.purple {
   color: #e6e6e6;
 }
 .navbar-search .search-query:hover {
+  color: #ffffff;
   background-color: #bfbfbf;
   background-color: rgba(255, 255, 255, 0.5);
-  color: #ffffff;
 }
 .navbar-search .search-query:focus, .navbar-search .search-query.focused {
-  outline: 0;
-  background-color: #ffffff;
+  padding: 5px 10px;
   color: #404040;
   text-shadow: 0 1px 0 #ffffff;
+  background-color: #ffffff;
   border: 0;
-  padding: 5px 10px;
   -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
   -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
   box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
+  outline: 0;
 }
 .navbar-static {
   margin-bottom: 18px;
@@ -1312,16 +1305,16 @@ table .headerSortUp.purple, table .headerSortDown.purple {
 .navbar-fixed {
   position: fixed;
   top: 0;
-  left: 0;
   right: 0;
+  left: 0;
   z-index: 10000;
 }
 .nav {
+  position: relative;
+  left: 0;
   display: block;
   float: left;
   margin: 0 10px 0 0;
-  position: relative;
-  left: 0;
 }
 .nav > li {
   display: block;
@@ -1396,42 +1389,39 @@ table .headerSortUp.purple, table .headerSortDown.purple {
   position: relative;
 }
 .dropdown-toggle:after {
+  display: inline-block;
   width: 0;
   height: 0;
-  display: inline-block;
-  content: "↓";
-  text-indent: -99999px;
-  vertical-align: top;
   margin-top: 8px;
   margin-left: 6px;
+  text-indent: -99999px;
+  vertical-align: top;
   border-left: 4px solid transparent;
   border-right: 4px solid transparent;
   border-top: 4px solid #ffffff;
   filter: alpha(opacity=30);
-  -khtml-opacity: 0.3;
   -moz-opacity: 0.3;
   opacity: 0.3;
+  content: "↓";
 }
 .dropdown:hover .dropdown-toggle:after {
   filter: alpha(opacity=100);
-  -khtml-opacity: 1;
   -moz-opacity: 1;
   opacity: 1;
 }
 .dropdown-menu {
-  background-color: #ffffff;
-  float: left;
-  display: none;
   position: absolute;
   top: 40px;
   z-index: 900;
+  float: left;
+  display: none;
   min-width: 160px;
   max-width: 220px;
   _width: 160px;
+  padding: 6px 0;
   margin-left: 0;
   margin-right: 0;
-  padding: 6px 0;
-  zoom: 1;
+  background-color: #ffffff;
   border-color: #999;
   border-color: rgba(0, 0, 0, 0.2);
   border-style: solid;
@@ -1445,6 +1435,7 @@ table .headerSortUp.purple, table .headerSortDown.purple {
   -webkit-background-clip: padding-box;
   -moz-background-clip: padding-box;
   background-clip: padding-box;
+  zoom: 1;
 }
 .dropdown-menu li {
   float: none;
@@ -1468,6 +1459,8 @@ table .headerSortUp.purple, table .headerSortDown.purple {
   text-shadow: 0 1px 0 #ffffff;
 }
 .topbar .dropdown-menu a:hover, .dropdown-menu a:hover {
+  color: #404040;
+  text-decoration: none;
   background-color: #dddddd;
   background-image: -khtml-gradient(linear, left top, left bottom, from(#eeeeee), to(#dddddd));
   background-image: -moz-linear-gradient(top, #eeeeee, #dddddd);
@@ -1478,8 +1471,6 @@ table .headerSortUp.purple, table .headerSortDown.purple {
   background-image: linear-gradient(top, #eeeeee, #dddddd);
   background-repeat: repeat-x;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#dddddd', GradientType=0);
-  color: #404040;
-  text-decoration: none;
   -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.025), inset 0 -1px rgba(0, 0, 0, 0.025);
   -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.025), inset 0 -1px rgba(0, 0, 0, 0.025);
   box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.025), inset 0 -1px rgba(0, 0, 0, 0.025);
@@ -1493,9 +1484,9 @@ table .headerSortUp.purple, table .headerSortDown.purple {
   display: block;
 }
 .hero-unit {
-  background-color: #f5f5f5;
-  margin-bottom: 30px;
   padding: 60px;
+  margin-bottom: 30px;
+  background-color: #f5f5f5;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
@@ -1512,8 +1503,8 @@ table .headerSortUp.purple, table .headerSortDown.purple {
   line-height: 27px;
 }
 footer {
-  margin-top: 17px;
   padding-top: 17px;
+  margin-top: 17px;
   border-top: 1px solid #eee;
 }
 .page-header {
@@ -1548,6 +1539,7 @@ footer {
 .alert-message.danger,
 .btn.error,
 .alert-message.error {
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
   background-color: #c43c35;
   background-image: -khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));
   background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
@@ -1558,11 +1550,11 @@ footer {
   background-image: linear-gradient(top, #ee5f5b, #c43c35);
   background-repeat: repeat-x;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);
-  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
   border-color: #c43c35 #c43c35 #882a25;
   border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
 }
 .btn.success, .alert-message.success {
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
   background-color: #57a957;
   background-image: -khtml-gradient(linear, left top, left bottom, from(#62c462), to(#57a957));
   background-image: -moz-linear-gradient(top, #62c462, #57a957);
@@ -1573,11 +1565,11 @@ footer {
   background-image: linear-gradient(top, #62c462, #57a957);
   background-repeat: repeat-x;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);
-  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
   border-color: #57a957 #57a957 #3d773d;
   border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
 }
 .btn.info, .alert-message.info {
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
   background-color: #339bb9;
   background-image: -khtml-gradient(linear, left top, left bottom, from(#5bc0de), to(#339bb9));
   background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
@@ -1588,13 +1580,16 @@ footer {
   background-image: linear-gradient(top, #5bc0de, #339bb9);
   background-repeat: repeat-x;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0);
-  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
   border-color: #339bb9 #339bb9 #22697d;
   border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
 }
 .btn {
-  cursor: pointer;
   display: inline-block;
+  padding: 5px 14px 6px;
+  font-size: 13px;
+  line-height: normal;
+  color: #333;
+  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
   background-color: #e6e6e6;
   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
   background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
@@ -1604,11 +1599,6 @@ footer {
   background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
   background-repeat: no-repeat;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
-  padding: 5px 14px 6px;
-  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
-  color: #333;
-  font-size: 13px;
-  line-height: normal;
   border: 1px solid #ccc;
   border-bottom-color: #bbb;
   -webkit-border-radius: 4px;
@@ -1617,6 +1607,7 @@ footer {
   -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
   -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
   box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
+  cursor: pointer;
   -webkit-transition: 0.1s linear all;
   -moz-transition: 0.1s linear all;
   -ms-transition: 0.1s linear all;
@@ -1624,15 +1615,16 @@ footer {
   transition: 0.1s linear all;
 }
 .btn:hover {
-  background-position: 0 -15px;
   color: #333;
   text-decoration: none;
+  background-position: 0 -15px;
 }
 .btn:focus {
   outline: 1px dotted #666;
 }
 .btn.primary {
   color: #ffffff;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
   background-color: #0064cd;
   background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
   background-image: -moz-linear-gradient(top, #049cdb, #0064cd);
@@ -1643,7 +1635,6 @@ footer {
   background-image: linear-gradient(top, #049cdb, #0064cd);
   background-repeat: repeat-x;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);
-  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
   border-color: #0064cd #0064cd #003f81;
   border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
 }
@@ -1657,7 +1648,6 @@ footer {
   background-image: none;
   filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
   filter: alpha(opacity=65);
-  -khtml-opacity: 0.65;
   -moz-opacity: 0.65;
   opacity: 0.65;
   -webkit-box-shadow: none;
@@ -1669,7 +1659,6 @@ footer {
   background-image: none;
   filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
   filter: alpha(opacity=65);
-  -khtml-opacity: 0.65;
   -moz-opacity: 0.65;
   opacity: 0.65;
   -webkit-box-shadow: none;
@@ -1677,9 +1666,9 @@ footer {
   box-shadow: none;
 }
 .btn.large {
+  padding: 9px 14px 9px;
   font-size: 15px;
   line-height: normal;
-  padding: 9px 14px 9px;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
@@ -1700,9 +1689,9 @@ button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner {
 }
 .btn-toolbar:before, .btn-toolbar:after {
   display: table;
+  *display: inline;
   content: "";
   zoom: 1;
-  *display: inline;
 }
 .btn-toolbar:after {
   clear: both;
@@ -1716,9 +1705,9 @@ button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner {
 }
 .btn-group:before, .btn-group:after {
   display: table;
+  *display: inline;
   content: "";
   zoom: 1;
-  *display: inline;
 }
 .btn-group:after {
   clear: both;
@@ -1753,13 +1742,12 @@ button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner {
 }
 .close {
   float: right;
-  color: #000000;
   font-size: 20px;
   font-weight: bold;
   line-height: 13.5px;
+  color: #000000;
   text-shadow: 0 1px 0 #ffffff;
   filter: alpha(opacity=20);
-  -khtml-opacity: 0.2;
   -moz-opacity: 0.2;
   opacity: 0.2;
 }
@@ -1767,7 +1755,6 @@ button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner {
   color: #000000;
   text-decoration: none;
   filter: alpha(opacity=40);
-  -khtml-opacity: 0.4;
   -moz-opacity: 0.4;
   opacity: 0.4;
 }
@@ -1776,6 +1763,8 @@ button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner {
   padding: 7px 15px;
   margin-bottom: 18px;
   color: #404040;
+  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
   background-color: #eedc94;
   background-image: -khtml-gradient(linear, left top, left bottom, from(#fceec1), to(#eedc94));
   background-image: -moz-linear-gradient(top, #fceec1, #eedc94);
@@ -1786,10 +1775,8 @@ button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner {
   background-image: linear-gradient(top, #fceec1, #eedc94);
   background-repeat: repeat-x;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceec1', endColorstr='#eedc94', GradientType=0);
-  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
   border-color: #eedc94 #eedc94 #e4c652;
   border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
-  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
   border-width: 1px;
   border-style: solid;
   -webkit-border-radius: 4px;
@@ -1821,10 +1808,10 @@ button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner {
   box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
 }
 .alert-message.block-message {
+  padding: 14px;
   background-image: none;
   background-color: #fdf5d9;
   filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
-  padding: 14px;
   border-color: #fceec1;
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
@@ -1859,10 +1846,10 @@ button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner {
   border-color: #c6edf9;
 }
 .well {
-  background-color: #f5f5f5;
-  margin-bottom: 20px;
-  padding: 19px;
   min-height: 20px;
+  padding: 19px;
+  margin-bottom: 20px;
+  background-color: #f5f5f5;
   border: 1px solid #eee;
   border: 1px solid rgba(0, 0, 0, 0.05);
   -webkit-border-radius: 4px;
@@ -1889,11 +1876,11 @@ button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner {
 }
 .label {
   padding: 1px 3px 2px;
-  background-color: #bfbfbf;
   font-size: 9.75px;
   font-weight: bold;
   color: #ffffff;
   text-transform: uppercase;
+  background-color: #bfbfbf;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
@@ -1910,15 +1897,9 @@ button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner {
 .label.notice {
   background-color: #62cffc;
 }
-.pull-right {
-  float: right;
-}
-.pull-left {
-  float: left;
-}
 .tabs, .pills {
-  margin: 0 0 20px;
   padding: 0;
+  margin: 0 0 20px;
   list-style: none;
   zoom: 1;
 }
@@ -1927,9 +1908,9 @@ button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner {
 .tabs:after,
 .pills:after {
   display: table;
+  *display: inline;
   content: "";
   zoom: 1;
-  *display: inline;
 }
 .tabs:after, .pills:after {
   clear: both;
@@ -2005,9 +1986,9 @@ button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner {
 .tabbable.tabs-left:after,
 .tabbable.tabs-right:after {
   display: table;
+  *display: inline;
   content: "";
   zoom: 1;
-  *display: inline;
 }
 .tabbable.tabs-left:after, .tabbable.tabs-right:after {
   clear: both;
@@ -2088,8 +2069,8 @@ button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner {
   border-top-color: #555;
 }
 .pills a {
-  margin: 5px 3px 5px 0;
   padding: 0 15px;
+  margin: 5px 3px 5px 0;
   line-height: 30px;
   text-shadow: 0 1px 1px #ffffff;
   -webkit-border-radius: 15px;
@@ -2117,8 +2098,8 @@ button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner {
   display: block;
 }
 .breadcrumb {
-  margin: 0 0 18px;
   padding: 7px 14px;
+  margin: 0 0 18px;
   background-color: #f5f5f5;
   background-image: -khtml-gradient(linear, left top, left bottom, from(#ffffff), to(#f5f5f5));
   background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5);
@@ -2171,39 +2152,38 @@ button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner {
   float: left;
   padding: 0 14px;
   line-height: 34px;
+  text-decoration: none;
   border-right: 1px solid;
   border-right-color: #ddd;
   border-right-color: rgba(0, 0, 0, 0.15);
   *border-right-color: #ddd;
   /* IE6-7 */
 
-  text-decoration: none;
 }
 .pagination a:hover, .pagination .active a {
   background-color: #c7eefe;
 }
 .pagination .disabled a, .pagination .disabled a:hover {
-  background-color: transparent;
   color: #bfbfbf;
+  background-color: transparent;
 }
 .pagination .next a {
   border: 0;
 }
 .modal-backdrop {
-  background-color: #000000;
   position: fixed;
   top: 0;
-  left: 0;
   right: 0;
   bottom: 0;
+  left: 0;
   z-index: 10000;
+  background-color: #000000;
 }
 .modal-backdrop.fade {
   opacity: 0;
 }
 .modal-backdrop, .modal-backdrop.fade.in {
   filter: alpha(opacity=80);
-  -khtml-opacity: 0.8;
   -moz-opacity: 0.8;
   opacity: 0.8;
 }
@@ -2245,15 +2225,16 @@ button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner {
   top: 50%;
 }
 .modal-header {
-  border-bottom: 1px solid #eee;
   padding: 5px 15px;
+  border-bottom: 1px solid #eee;
 }
 .modal-body {
   padding: 15px;
 }
 .modal-footer {
-  background-color: #f5f5f5;
   padding: 14px 15px 15px;
+  margin-bottom: 0;
+  background-color: #f5f5f5;
   border-top: 1px solid #ddd;
   -webkit-border-radius: 0 0 6px 6px;
   -moz-border-radius: 0 0 6px 6px;
@@ -2262,13 +2243,12 @@ button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner {
   -moz-box-shadow: inset 0 1px 0 #ffffff;
   box-shadow: inset 0 1px 0 #ffffff;
   zoom: 1;
-  margin-bottom: 0;
 }
 .modal-footer:before, .modal-footer:after {
   display: table;
+  *display: inline;
   content: "";
   zoom: 1;
-  *display: inline;
 }
 .modal-footer:after {
   clear: both;
@@ -2278,20 +2258,18 @@ button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner {
   margin-left: 5px;
 }
 .twipsy {
-  display: block;
   position: absolute;
+  z-index: 1000;
+  display: block;
   visibility: visible;
   padding: 5px;
   font-size: 11px;
-  z-index: 1000;
   filter: alpha(opacity=80);
-  -khtml-opacity: 0.8;
   -moz-opacity: 0.8;
   opacity: 0.8;
 }
 .twipsy.fade.in {
   filter: alpha(opacity=80);
-  -khtml-opacity: 0.8;
   -moz-opacity: 0.8;
   opacity: 0.8;
 }
@@ -2328,12 +2306,12 @@ button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner {
   border-right: 5px solid #000000;
 }
 .twipsy-inner {
+  max-width: 200px;
   padding: 3px 8px;
-  background-color: #000000;
   color: white;
   text-align: center;
-  max-width: 200px;
   text-decoration: none;
+  background-color: #000000;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
@@ -2348,8 +2326,8 @@ button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner {
   top: 0;
   left: 0;
   z-index: 1000;
-  padding: 5px;
   display: none;
+  padding: 5px;
 }
 .popover.above .arrow {
   bottom: 0;
@@ -2389,11 +2367,11 @@ button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner {
   height: 0;
 }
 .popover .inner {
-  background-color: #000000;
-  background-color: rgba(0, 0, 0, 0.8);
   padding: 3px;
-  overflow: hidden;
   width: 280px;
+  overflow: hidden;
+  background-color: #000000;
+  background-color: rgba(0, 0, 0, 0.8);
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
@@ -2402,17 +2380,17 @@ button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner {
   box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
 }
 .popover .title {
-  background-color: #f5f5f5;
   padding: 9px 15px;
   line-height: 1;
+  background-color: #f5f5f5;
+  border-bottom: 1px solid #eee;
   -webkit-border-radius: 3px 3px 0 0;
   -moz-border-radius: 3px 3px 0 0;
   border-radius: 3px 3px 0 0;
-  border-bottom: 1px solid #eee;
 }
 .popover .content {
-  background-color: #ffffff;
   padding: 14px;
+  background-color: #ffffff;
   -webkit-border-radius: 0 0 3px 3px;
   -moz-border-radius: 0 0 3px 3px;
   border-radius: 0 0 3px 3px;
@@ -2430,9 +2408,9 @@ button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner {
 }
 .media-grid:before, .media-grid:after {
   display: table;
+  *display: inline;
   content: "";
   zoom: 1;
-  *display: inline;
 }
 .media-grid:after {
   clear: both;