.small {
  font-size: 0.8em;
  margin-bottom: 1.875em;
  line-height: 1.875em; }

.large {
  font-size: 1.2em;
  line-height: 2.5em;
  margin-bottom: 1.25em; }

.hide {
  display: none; }

.quiet {
  color: #666666; }

.loud {
  color: black; }

.highlight {
  background: yellow; }

.added {
  background: #006600;
  color: white; }

.removed {
  background: #990000;
  color: white; }

.first {
  margin-left: 0;
  padding-left: 0; }

.last {
  margin-right: 0;
  padding-right: 0; }

.top {
  margin-top: 0;
  padding-top: 0; }

.bottom {
  margin-bottom: 0;
  padding-bottom: 0; }

.container {
  width: 960px;
  margin: 0 auto; }

.showgrid {
  background: url(grid.png); }

.column {
  float: left;
  margin-right: 36px; }

div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12 {
  float: left;
  margin-right: 36px; }

.last, div.last {
  margin-right: 0; }

.span-1 {
  width: 47px; }

.span-2 {
  width: 130px; }

.span-3 {
  width: 213px; }

.span-4 {
  width: 296px; }

.span-5 {
  width: 379px; }

.span-6 {
  width: 462px; }

.span-7 {
  width: 545px; }

.span-8 {
  width: 628px; }

.span-9 {
  width: 711px; }

.span-10 {
  width: 794px; }

.span-11 {
  width: 877px; }

.span-12 {
  width: 960px;
  margin-right: 0; }

input.span-1, textarea.span-1, input.span-2, textarea.span-2, input.span-3, textarea.span-3, input.span-4, textarea.span-4, input.span-5, textarea.span-5, input.span-6, textarea.span-6, input.span-7, textarea.span-7, input.span-8, textarea.span-8, input.span-9, textarea.span-9, input.span-10, textarea.span-10, input.span-11, textarea.span-11, input.span-12, textarea.span-12 {
  border-left-width: 1px !important;
  border-right-width: 1px !important;
  padding-left: 5px !important;
  padding-right: 5px !important; }

input.span-1, textarea.span-1 {
  width: 35px !important; }

input.span-2, textarea.span-2 {
  width: 118px !important; }

input.span-3, textarea.span-3 {
  width: 201px !important; }

input.span-4, textarea.span-4 {
  width: 284px !important; }

input.span-5, textarea.span-5 {
  width: 367px !important; }

input.span-6, textarea.span-6 {
  width: 450px !important; }

input.span-7, textarea.span-7 {
  width: 533px !important; }

input.span-8, textarea.span-8 {
  width: 616px !important; }

input.span-9, textarea.span-9 {
  width: 699px !important; }

input.span-10, textarea.span-10 {
  width: 782px !important; }

input.span-11, textarea.span-11 {
  width: 865px !important; }

input.span-12, textarea.span-12 {
  width: 948px !important; }

.append-1 {
  padding-right: 83px; }

.append-2 {
  padding-right: 166px; }

.append-3 {
  padding-right: 249px; }

.append-4 {
  padding-right: 332px; }

.append-5 {
  padding-right: 415px; }

.append-6 {
  padding-right: 498px; }

.append-7 {
  padding-right: 581px; }

.append-8 {
  padding-right: 664px; }

.append-9 {
  padding-right: 747px; }

.append-10 {
  padding-right: 830px; }

.append-11 {
  padding-right: 913px; }

.prepend-1 {
  padding-left: 83px; }

.prepend-2 {
  padding-left: 166px; }

.prepend-3 {
  padding-left: 249px; }

.prepend-4 {
  padding-left: 332px; }

.prepend-5 {
  padding-left: 415px; }

.prepend-6 {
  padding-left: 498px; }

.prepend-7 {
  padding-left: 581px; }

.prepend-8 {
  padding-left: 664px; }

.prepend-9 {
  padding-left: 747px; }

.prepend-10 {
  padding-left: 830px; }

.prepend-11 {
  padding-left: 913px; }

div.border {
  padding-right: 17px;
  margin-right: 18px;
  border-right: 1px solid #eeeeee; }
div.colborder {
  padding-right: 58px;
  margin-right: 60px;
  border-right: 1px solid #eeeeee; }

.pull-1 {
  margin-left: -83px; }

.pull-2 {
  margin-left: -166px; }

.pull-3 {
  margin-left: -249px; }

.pull-4 {
  margin-left: -332px; }

.pull-5 {
  margin-left: -415px; }

.pull-6 {
  margin-left: -498px; }

.pull-7 {
  margin-left: -581px; }

.pull-8 {
  margin-left: -664px; }

.pull-9 {
  margin-left: -747px; }

.pull-10 {
  margin-left: -830px; }

.pull-11 {
  margin-left: -913px; }

.pull-12 {
  margin-left: -996px; }

.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12 {
  float: left;
  position: relative; }

.push-1 {
  margin: 0 -83px 1.5em 83px; }

.push-2 {
  margin: 0 -166px 1.5em 166px; }

.push-3 {
  margin: 0 -249px 1.5em 249px; }

.push-4 {
  margin: 0 -332px 1.5em 332px; }

.push-5 {
  margin: 0 -415px 1.5em 415px; }

.push-6 {
  margin: 0 -498px 1.5em 498px; }

.push-7 {
  margin: 0 -581px 1.5em 581px; }

.push-8 {
  margin: 0 -664px 1.5em 664px; }

.push-9 {
  margin: 0 -747px 1.5em 747px; }

.push-10 {
  margin: 0 -830px 1.5em 830px; }

.push-11 {
  margin: 0 -913px 1.5em 913px; }

.push-12 {
  margin: 0 -996px 1.5em 996px; }

.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12 {
  float: right;
  position: relative; }

.prepend-top {
  margin-top: 1.5em; }

.append-bottom {
  margin-bottom: 1.5em; }

.box {
  padding: 1.5em;
  margin-bottom: 1.5em;
  background: #e5ecf9; }

hr {
  background: #dddddd;
  color: #dddddd;
  clear: both;
  float: none;
  width: 100%;
  height: 0.1em;
  margin: 0 0 1.45em;
  border: none; }
  hr.space {
    background: white;
    color: white; }

.clearfix:after, .container:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow: hidden; }

.clearfix, .container {
  display: block; }

.clear {
  clear: both; }
