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

/*** app.web *****************************************************************/

#app\.web\.keywords
{
  position: fixed;
  top: 0px;
  height: 1px;
  width: 100%;
  background-color: black;
}

/*** 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\.text.app\.frm\.disabled\.print,
span.app\.frm\.textarea.app\.frm\.disabled\.print
{
  text-decoration: underline;
}

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

/*** 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\.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
{
  margin-top: 10px;
  margin-bottom: 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: block; float: left;
}

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;
}

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

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

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