
.nobr { white-space: nowrap; }
tr { page-break-inside: auto; }

/*** app *********************************************************************/

div.app-all_footer
{
  text-align: right;
  font-size: x-small;
}

div.app-all_footer img
{
  float: right;
  margin-left: 5px;
}

div.app-all_footer hr
{
  width: 45em;
  text-align: right;
  margin: 0 0 5px auto;
  color: black;
  background-color: black;
  height: 1px;
  border: none;
}

@media only screen and (max-width: 540px) {
  div.app-all_footer { display: none; }
  div.app-debug { display: none; }
}

/* Deprecate: */
div.FOOTER {
    text-align:right;
    padding-right: 20px;
    padding-top: 20px;
    margin: 0;
    height: 46px
}
div.FOOTER > hr {
    color: rgb(34,34,34);
    background-color: rgb(34,34,34);
}
div.FOOTER img {
    float:right;
    padding-left: 10px;
}

/*** app.nav *****************************************************************/

nav.app-nav ul
{
  margin-left: 1em;
}

/*** app.frm *****************************************************************/

input.app\.frm\.honey
{
  display: none;
}

form.app\.frm\.warning div.app\.frm\.step_text,
div.app\.frm\.warning label.app\.frm\.input
{
  color: red;
}

form.app\.frm\.receipt div.app\.frm\.step_text
{
  color: blue;
}

span.app\.frm\.warning .app\.frm\.input
{
  border: 2px solid red;
}

.app\.frm\.input.app\.frm\.readonly
{
  background-color: #DDD;
}

div.app\.frm\.disabled label
{
  cursor: inherit;
}

span.app\.frm\.input label
{
  white-space: nowrap;
}

span.app\.frm\.textarea.app\.frm\.disabled
{
  white-space: pre-wrap;
}

span.app\.frm\.text.app\.frm\.disabled\.print,
span.app\.frm\.textarea.app\.frm\.disabled\.print
{
  text-decoration: underline;
}

form.app\.frm input[type=date]
{
  text-align: center;
}

form.app\.frm input[type=number]
{
  text-align: right;
}

/*** app.crt *****************************************************************/

table.app\.crt\.cart td
{
  padding: 2px;
  vertical-align: middle;
  border-bottom: 1px solid black;
}
tr.app\.crt\.summ td.app\.crt\.none
{
  border-bottom: none;
  width: 150px;
}
tr.app\.crt\.head td,
#app\.crt\.total td
{
  font-weight: bold;
  background: darkgray;
}
#app\.crt\.total td.app\.crt\.none,
#app\.crt\.total td.app\.crt\.attr\.del
{
  background: none;
}
tr.app\.crt\.item td
{
  height: 35px;
}
tr.app\.crt\.item:hover
{
  background: lightgray;
}
tr.app\.crt\.summ span.app\.crt\.item
{
  font-weight: bold;
}

div.app\.crt\.attr-sub
{
  font-size: 75%;
}
div.app\.crt\.attr-sub label.app\.frm\.input
{
  display: block;
  clear: both;
  float: left;
  margin-right: 3px;
}
div.app\.crt\.attr-sub span.app\.crt\.attr-sub
{
  display: block;
  float: left;
}

span.app\.crt\.attr\.item
{
  padding-right: 10px;
}
tr.app\.crt\.head td.app\.crt\.attr\.price,
tr.app\.crt\.head td.app\.crt\.attr\.item_price
{
  text-align: center;
}
tr.app\.crt\.item td.app\.crt\.attr\.price,
tr.app\.crt\.item td.app\.crt\.attr\.item_price,
tr.app\.crt\.summ td.app\.crt\.attr\.item_price
{
  text-align: right;
  white-space: nowrap;
}
td.app\.crt\.attr\.item_price label.app\.frm\.input
{
  font-weight: bold;
  float: left;
}
tr.app\.crt\.item td.app\.crt\.attr\.thumb,
tr.app\.crt\.item td.app\.crt\.attr\.quantity,
tr.app\.crt\.item td.app\.crt\.attr\.del
{
  text-align: center;
}
tr.app\.crt\.item input.app\.crt\.attr\.quantity
{
  width: 35px;
  text-align: center;
}
tr.app\.crt\.summ td.app\.crt\.attr\.del
{
  border-bottom: none;
}

div.app\.crt\.foot
{
  overflow: auto;
}

div.app\.crt\.field,
div.app\.crt\.order
{
  white-space: nowrap;
}

#app\.crt\.step_text-span
{
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}

#app\.crt\.payment_instructions-span
{
  display: block;
  background: lightgray;
  margin-left: 15%;
  margin-right: 15%;
  margin-bottom: 10px;
  padding: 10px;
}
#app\.crt\.payment_instructions-span span
{
  display: table;
  margin:0 auto;
  font-weight: bold;
}
#app\.crt\.payment_instructions-span span.pre
{
  white-space: pre-wrap;
}

#app\.crt\.voucher
{
  width: 150px;
}

div.app\.crt\.order label.app\.frm\.input
{
  clear: both;
  float: left;
}
div.app\.crt\.order span.app\.crt\.order
{
  display: block;
  margin-left: 150px;
}

#app\.crt\.full_name-div
{
  margin-top: 10px;
}
#app\.crt\.email_address
{
  width: 200px;
}

#app\.crt\.bill,
#app\.crt\.ship
{
  margin-top: 10px;
}
#app\.crt\.bill label,
#app\.crt\.ship label
{
  margin-left: 10px;
}
#app\.crt\.billing_address-div label,
#app\.crt\.shipping_address-div label
{
  margin-left: 0px;
  font-weight: bold;
}
#app\.crt\.bill_street_address,
#app\.crt\.ship_street_address
{
  width: 200px;
  height: 34px;
}
#app\.crt\.bill_postal_zip_code,
#app\.crt\.ship_postal_zip_code
{
  width: 60px;
}

#app\.crt\.payment_method-div,
#app\.crt\.payment_method-span,
#app\.crt\.comments-div
{
  margin-top: 10px;
}
#app\.crt\.payment_method-span,
#app\.crt\.payment_method-span label
{
  display: block;
}
#app\.crt\.comments-div label.app\.frm\.input
{
  clear: none;
  float: none;
}
#app\.crt\.comments-span
{
  margin-left: 50px;
}
#app\.crt\.comments
{
  width: 300px;
  height: 60px;
}

span.app\.crt\.panel
{
  float: left;
  margin-top: 10px;
}
#app\.crt\.app_frm_next-span
{
  margin-left: 100px;
}

#app\.crt\.continue-div.app\.crt\.none label
{
  display: block;
  margin:0 auto;
  text-align: center;
  font-weight: bold;
  font-size: 150%;
}
#app\.crt\.continue-span.app\.crt\.none
{
  display: block;
  position: relative;
  left: 50%;
}
#app\.crt\.continue.app\.crt\.none
{
  display: block;
  position: relative;
  right: 50%;
}

#app\.crt\.terminal label.app\.frm\.input
{
  clear: both;
  float: left;
  margin-left: 10px;
}
#app\.crt\.terminal span.app\.frm\.input
{
  display: block;
  margin-left: 150px;
}

#app\.crt\.terminal\.order_summary-div,
#app\.crt\.terminal\.credit_card_information-div,
#app\.crt\.terminal\.card_holder_information-div
{
  margin-top: 10px;
}
#app\.crt\.terminal\.order_summary-div label.app\.frm\.input,
#app\.crt\.terminal\.credit_card_information-div label.app\.frm\.input,
#app\.crt\.terminal\.card_holder_information-div label.app\.frm\.input
{
  margin-left: 0px;
  font-weight: bold;
}
#app\.crt\.terminal\.total_amount,
#app\.crt\.terminal\.expiry_date,
#app\.crt\.terminal\.cvv,
#app\.crt\.terminal\.bill_postal_zip_code
{
  width: 60px;
}
#app\.crt\.terminal\.credit_card__
{
  width: 140px;
}
#app\.crt\.terminal\.email_address
{
  width: 200px;
}
#app\.crt\.terminal\.bill_street_address
{
  width: 200px;
  height: 34px;
}

#app\.crt\.terminal\.app_frm_next-div
{
  margin-top: 10px;
}

/* Old APP / IE8 only */
tr.app\.crt\.item span.app\.crt\.attr\.thumb a img { border: 0; }
#app\.crt\.clear-span { float: none; clear: both; }

/*** app-tbl *****************************************************************/

form.app-tbl-table .app-tbl-row
{
  display: table;
  overflow: auto;
}

form.app-tbl-table .app-tbl-row span.app\.frm\.input
{
  display: inline-block;
  vertical-align: middle;
}

form.app-tbl.app\.frm\.receipt div.app\.frm\.step_text span
{
  color: red;
}

form.app-tbl-table .app-tbl-row-created,
form.app-tbl-table .app-tbl-row-created .app\.frm\.input,
form.app-tbl-table .app-tbl-row-updated,
form.app-tbl-table .app-tbl-row-updated .app\.frm\.input
{ 
  background-color: #DDF0DD;
}
form.app-tbl-table .app-tbl-row-warning,
form.app-tbl-table .app-tbl-row-warning .app\.frm\.input
{ 
  background-color: #F0DDDD;
}

form.app-tbl-table .app-tbl-row span.app-tbl-app_tbl_del
{
  display: table-cell;
  margin-left: 5px;
  height: 100%;
  width: 20px;
  text-align: center;
}
form.app-tbl-table .app-tbl-row span.app-tbl-app_tbl_del input
{
  vertical-align: middle;
}

/*** app.js.slideshow ********************************************************/

div.app\.js\.slideshow .app\.js\.slide
{
  display: none;
}

div.app\.js\.slideshow .app\.js\.default
{
  display: block;
}
