.storage-unit {
  float: left;
  display: inline;
  background-color: #0a0;
  border: 1px solid #333;
  line-height: 40px;
  font-weight: bolder;
  margin: 5px; }
  .storage-unit .storage-unit-link {
    z-index: 1; }
    .storage-unit .storage-unit-link a {
      display: block;
      vertical-align: middle;
      color: #fff;
      text-decoration: none;
      text-align: center;
      width: 60px;
      height: 40px; }
  .storage-unit .tooltip-container {
    z-index: 99;
    position: relative; }
    .storage-unit .tooltip-container .tooltip {
      position: absolute;
      bottom: -90px;
      left: -76px;
      display: none;
      width: 211px;
      height: 100px;
      background: url("/images/tooltip.png") no-repeat; }
      .storage-unit .tooltip-container .tooltip p {
        line-height: 1.5em;
        color: #fff;
        margin: 20px 15px 15px 15px;
        text-align: left;
        font-size: 12px; }
        .storage-unit .tooltip-container .tooltip p .title {
          font-weight: bold;
          display: block;
          text-align: left;
          border-bottom: 1px solid #333;
          padding-bottom: 3px;
          margin-bottom: 5px; }

.available {
  background-color: #0a0; }

.rented {
  background-color: #a00; }

.unavailable {
  background-color: #555; }

.disabled {
  border: 1px solid #800;
  padding: 0.5em;
  font-size: 16px;
  color: #900; }

.pending {
  background-color: #dbdd3b; }
  .pending a {
    color: #333; }


table.book_now {
  border-collapse: collapse;
  margin-bottom: 1em; }
  table.book_now td, table.book_now th {
    padding: 5px 10px; }
  table.book_now tr {
    background-color: #ddd; }
  table.book_now tr.odd {
    background-color: #eee; }
  table.book_now tr.even {
    background-color: #ddd; }
  table.book_now td.unit_size {
    font-size: 1.3em;
    text-align: center; }
  table.book_now td.unit_description {
    font-size: 0.8em; }


div#map-container {
  margin: auto;
  width: 600px; }


div#units-legend ul li {
  padding: 0.2em 0.5em;
  display: inline;
  list-style: none; }

ul.pricing li {
  list-style: none; }

#submenu {
  margin: 0 0 1em 1em;
  float: right;
  text-align: right; }
  #submenu a {
    margin-left: 0.5em;
    padding: 3px 10px;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none; }
  #submenu a:hover {
    text-decoration: underline; }

#seach-form {
  margin-bottom: 0.5em; }
  #seach-form form {
    margin: 0;
    padding: 0; }

#errorExplanation {
  border: 1px solid #ccc;
  background-color: #eee;
  padding: 1em;
  color: #333; }
  #errorExplanation h2 {
    color: #900;
    margin: 0;
    padding: 0; }
  #errorExplanation p {
    margin: 1em 0; }
  #errorExplanation ul {
    margin: 0; }

.fieldWithErrors {
  display: inline; }
  .fieldWithErrors label {
    color: #900; }

textarea.page-content {
  width: 98%;
  height: 25em; }

td.late {
  color: red; }

td.lockout {
  color: red; }

img.page-image {
  border: 2px solid #333;
  float: right;
  margin: 0 0 1em 1em; }

#map-image {
  margin: 1em 0;
  text-align: center; }

#map {
  width: 350px;
  height: 250px;
  float: right;
  border: 1px solid #999;
  margin: 0 0 1em 1em; }

#map-info {
  font-size: 12px; }
  #map-info h3 {
    margin: 0 0 1em 0; }
  #map-info p {
    font-size: 10px;
    margin: 0; }

img.customer-photo {
  float: right;
  border: 1px solid #777; }

#customer-locked-out {
  border: 2px solid red;
  padding: 0.5em;
  margin: 0.5em; }
  #customer-locked-out p {
    text-align: center;
    margin: 0;
    font-size: 18px;
    color: red; }

.credit {
  color: green; }

.outstanding {
  color: red; }

.balance {
  font-weight: bold; }

.icon {
  margin-top: 1em;
  padding-bottom: 1em;
  font-size: 85%;
  padding-left: 75px;
  background: transparent url("/images/icons/globe.png") scroll no-repeat top left; }
  .icon h3 {
    font-size: 14px; }
  .icon ul {
    padding-left: 2em;
    margin: 0.5em 0 0 0; }

.dart-icon {
  background-image: url("/images/icons/dart.png"); }

.tie-icon {
  background-image: url("/images/icons/tie.png"); }

.handshake-icon {
  background-image: url("/images/icons/handshake.png"); }

.lock-icon {
  background-image: url("/images/icons/lock.png"); }

a.button {
  background: #ccc url("/images/themes/shared/button-shade.png") scroll repeat-x bottom left;
  color: #000;
  text-decoration: none;
  padding: 5px 10px;
  position: relative; }
  a.button .corners span {
    position: absolute;
    background-image: url("/images/themes/shared/button-corners.png");
    width: 4px;
    height: 4px; }
  a.button .c1 {
    top: 0;
    left: 0;
    background-position: top left; }
  a.button .c2 {
    top: 0;
    right: 0;
    background-position: top right; }
  a.button .c3 {
    bottom: 0;
    left: 0;
    background-position: bottom left; }
  a.button .c4 {
    bottom: 0;
    right: 0;
    background-position: bottom right; }

#breadcrumbs {
  margin-bottom: 1em; }
  #breadcrumbs ul {
    margin: 0;
    padding: 0;
    list-style: none;
    height: 46px; }
    #breadcrumbs ul li {
      float: left;
      line-height: 46px;
      background: transparent url("/images/breadcrumbs-sprite.png") scroll repeat-x top left;
      font-size: 16px;
      font-weight: bold;
      text-shadow: 0 1px 1px #fff;
      padding: 0 10px;
      text-align: center;
      color: #444; }
      #breadcrumbs ul li.rent {
        line-height: 17px;
        font-size: 12px;
        padding-top: 6px;
        padding-bottom: 6px; }
      #breadcrumbs ul li.doodad {
        padding: 0;
        height: 46px;
        width: 10px;
        background-repeat: no-repeat; }
      #breadcrumbs ul li.start {
        background-position: bottom left; }
      #breadcrumbs ul li.divider {
        background-position: bottom center;
        width: 18px; }
      #breadcrumbs ul li.end {
        background-position: bottom right; }
  #breadcrumbs.account li.account,
  #breadcrumbs.billing li.billing,
  #breadcrumbs.confirm li.confirm {
    color: #000; }

textarea.template-letter-title {
  width: 98%;
  height: 3em; }

textarea.template-letter-body {
  width: 98%;
  height: 25em; }

/* Full Billing and Payments Report */
p.check-uncheck-all {
  float: left; }

p.credit-without-payment-explanation {
  float: right;
  margin-right: 1em; }

table.billing-history {
  width: 99%;
  clear: both; }
  table.billing-history tr td.credit-without-payment {
    color: red; }