/* START_HIGHLIGHT */
.products table {
  border-collapse: collapse; }
.products table tr td {
  padding: 5px;
  vertical-align: top; }
.products .list_image {
  width: 60px;
  height: 70px; }
.products .list_description {
  width: 60%; }
  .products .list_description dl {
    margin: 0; }
  .products .list_description dt {
    color: #244;
    font-weight: bold;
    font-size: larger; }
  .products .list_description dd {
    margin: 0; }
.products .list_actions {
  font-size: x-small;
  text-align: right;
  padding-left: 1em; }
.products .list_line_even {
  background: #e0f8f8; }
.products .list_line_odd {
  background: #f8b0f8; }

/* END_HIGHLIGHT */
body {
  background-color: #fff;
  color: #333;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 13px;
  line-height: 18px; }

p, ol, ul, td {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 13px;
  line-height: 18px; }

pre {
  background-color: #eee;
  padding: 10px;
  font-size: 11px; }

a {
  color: #000; }
  a:visited {
    color: #666; }
  a:hover {
    color: #fff;
    background-color: #000; }

div.field, div.actions {
  margin-bottom: 10px; }

#notice {
  color: green; }

.field_with_errors {
  padding: 2px;
  background-color: red;
  display: table; }

#error_explanation {
  width: 450px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 0;
  margin-bottom: 20px;
  background-color: #f0f0f0; }
  #error_explanation h2 {
    text-align: left;
    font-weight: bold;
    padding: 5px 5px 5px 15px;
    font-size: 12px;
    margin: -7px;
    margin-bottom: 0px;
    background-color: #c00;
    color: #fff; }
  #error_explanation ul li {
    font-size: 12px;
    list-style: square; }
/*
 * This is a manifest file that'll be compiled into application.css, which will
 * include all the files listed below.
 * 
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets,
 * vendor/assets/stylesheets, or vendor/assets/stylesheets of plugins, if any,
 * can be referenced here using a relative path.
 * 
 * You're free to add application-wide styles to this file and they'll appear
 * at the top of the compiled file, but it's generally better to create a new
 * file per style scope.
 * 
 *= require_self
 *= require_tree .
 */
#banner {
  background: #9c9;
  padding: 10px;
  border-bottom: 2px solid;
  font: small-caps 40px/40px "Times New Roman", serif;
  color: #282;
  text-align: center; }
  #banner img {
    float: left; }

#notice {
  color: #000 !important;
  border: 2px solid red;
  padding: 1em;
  margin-bottom: 2em;
  background-color: #f0f0f0;
  font: bold smaller sans-serif; }

#columns {
  background: #141; }
  #columns #main {
    margin-left: 17em;
    padding: 1em;
    background: white; }
  #columns #side {
    float: left;
    padding: 1em 2em;
    width: 13em;
    background: #141;
    /* START_HIGHLIGHT */
    /* END_HIGHLIGHT */ }
    #columns #side form, #columns #side div {
      display: inline; }
    #columns #side input {
      font-size: small; }
    #columns #side #cart {
      font-size: smaller;
      color: white; }
      #columns #side #cart table {
        border-top: 1px dotted #595;
        border-bottom: 1px dotted #595;
        margin-bottom: 10px; }
    #columns #side ul {
      padding: 0; }
      #columns #side ul li {
        list-style: none; }
        #columns #side ul li a {
          color: #bfb;
          font-size: small; }

.depot_form fieldset {
  background: #efe; }
  .depot_form fieldset legend {
    color: #dfd;
    background: #141;
    font-family: sans-serif;
    padding: 0.2em 1em; }
.depot_form form label {
  width: 5em;
  float: left;
  text-align: right;
  padding-top: 0.2em;
  margin-right: 0.1em;
  display: block; }
.depot_form form select, .depot_form form textarea, .depot_form form input {
  margin-left: 0.5em; }
.depot_form form .submit {
  margin-left: 4em; }
.depot_form form br {
  display: none; }

/* START:i18n */
.locale {
  float: right;
  margin: -0.25em 0.1em; }

/* END:i18n */
/* START_HIGHLIGHT */
.carts, #side #cart {
  /* END_HIGHLIGHT */ }
  .carts .item_price, .carts .total_line, #side #cart .item_price, #side #cart .total_line {
    text-align: right; }
  .carts .total_line .total_cell, #side #cart .total_line .total_cell {
    font-weight: bold;
    border-top: 1px solid #595; }
/* START_HIGHLIGHT */
.store {
  /* An entry in the store catalog */ }
  .store h1 {
    margin: 0;
    padding-bottom: 0.5em;
    font: 150% sans-serif;
    color: #226;
    border-bottom: 3px dotted #77d; }
  .store .entry {
    overflow: auto;
    margin-top: 1em;
    border-bottom: 1px dotted #77d;
    min-height: 100px; }
    .store .entry img {
      width: 80px;
      margin-right: 5px;
      margin-bottom: 5px;
      position: absolute; }
    .store .entry h3 {
      font-size: 120%;
      font-family: sans-serif;
      margin-left: 100px;
      margin-top: 0;
      margin-bottom: 2px;
      color: #227; }
    .store .entry p, .store .entry div.price_line {
      margin-left: 100px;
      margin-top: 0.5em;
      margin-bottom: 0.8em;
      /* START_HIGHLIGHT */
      /* END_HIGHLIGHT */ }
      .store .entry p form, .store .entry p div, .store .entry div.price_line form, .store .entry div.price_line div {
        display: inline; }
    .store .entry .price {
      color: #44a;
      font-weight: bold;
      margin-right: 3em; }

/* END_HIGHLIGHT */

body {background-color: #F5F5DC}
#banner {margin-top: 0}
pre {font-weight: bold; margin: 0; padding: 0}
pre.stdin {color: #800080; margin-top: 1em; padding: 0}
pre.irb {color: #800080; padding: 0}
pre.stdout {color: #000; padding: 0}
pre.logger {color: #088; padding: 0}
pre.hilight {color: #000; background-color: #FF0; padding: 0}
pre.stderr {color: #F00; padding: 0}
div.body {border-style: solid; border-color: #800080; padding: 0.5em}
.issue, .traceback {background:#FDD; border: 4px solid #F00; 
            font-weight: bold; margin-top: 1em; padding: 0.5em}
div.body, .issue, .traceback {border-radius: 0.7em}
ul.toc {list-style: none}
ul a {text-decoration: none}
ul a:hover {text-decoration: underline; color: #000;
            background-color: #F5F5DC}
a.toc h2 {background-color: #981A21; color:#FFF; padding: 6px}
ul a:visited {color: #000}
h2 {clear: both}
p.note {font-style: italic}
p.overview {border-width: 2px; border-color: #000;
  border-style: solid; border-radius: 4em;
  background-color: #CCF; margin: 1.5em 1.5em; padding: 1em 2em;}

.prev_link:before {content: '« '}
.next_link:after {content: ' »'}
.next_link .prev_link {text-decoration: none}
.next_link {float: right}