/***  assets/stylesheets/docs-demo  ***/
.lnp-hint{ display : none !important; }

.likeandpay-custom-tooltip #close{

position: absolute;
top: 5px;
right: 5px;
text-decoration: none;
color: inherit;
font-size: 120%;
}
.pie-element, .button-demo .likeandpay-wrap, .button-demo .likeandpay-wrap .likeandpay-callout-left, .button-demo .likeandpay-wrap .likeandpay-bubble, .button-demo .likeandpay-wrap .likeandpay-custom-tooltip {
  position: relative;
  behavior: url("/css/PIE.htc"); }

.button-demo .hidden {
  display: none !important; }
.button-demo .likeandpay-wrap {
  font-family: Arial, sans-serif;
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  *display: inline;
  *vertical-align: auto;
  *zoom: 1;
  position: absolute; }
  .button-demo .likeandpay-wrap:before, .button-demo .likeandpay-wrap:after {
    content: " ";
    display: table; }
  .button-demo .likeandpay-wrap:after {
    clear: both; }
  .button-demo .likeandpay-wrap.highlight {
    padding: 10px 10px 4px 10px;
    border: 3px solid #ff7800; }
  .button-demo .likeandpay-wrap .likeandpay-button {
    float: left; }
  .button-demo .likeandpay-wrap .likeandpay-callout-left {
    float: left;
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    vertical-align: top;
    margin-right: 6px;
    border-radius: 3px;
    border: 1px solid #cccccc;
    height: 17px;
    padding: 0 5px;
    color: #333;
    background-color: white;
    position: relative;
    font-size: 12px;
    line-height: 17px;
    font-weight: bold; }
    .button-demo .likeandpay-wrap .likeandpay-callout-left:before {
      content: "\00a0";
      display: block;
      position: absolute;
      width: 0;
      height: 0;
      top: 6px;
      right: -7px;
      bottom: auto;
      border-width: 3px;
      border-style: solid;
      border-color: transparent transparent transparent #cccccc; }
    .button-demo .likeandpay-wrap .likeandpay-callout-left:after {
      content: "\00a0";
      display: block;
      position: absolute;
      width: 0;
      height: 0;
      top: 6px;
      right: -6px;
      bottom: auto;
      border-width: 3px;
      border-style: solid;
      border-color: transparent transparent transparent white; }
  .button-demo .likeandpay-wrap .likeandpay-bubble, .button-demo .likeandpay-wrap .likeandpay-custom-tooltip {
    display: none;
    position: absolute;
    top: -125px;
    right: -95px;
    border: 4px solid #ff7800;
    background-color: white;
    color: #525354;
    box-shadow: -1px 1px 1px #ffbb7f;
    color: #333333;
    padding: 10px;
    width: 230px;
    font-size: 16px;
    padding-left: 13px;
    line-height: 1.2em; }
    .button-demo .likeandpay-wrap .likeandpay-bubble .text, .button-demo .likeandpay-wrap .likeandpay-custom-tooltip .text {
      margin-right: 5px; }
    .button-demo .likeandpay-wrap .likeandpay-bubble .close, .button-demo .likeandpay-wrap .likeandpay-custom-tooltip .close {
      position: absolute;
      top: 5px;
      right: 5px;
      text-decoration: none;
      color: inherit;
      font-size: 120%; }
    .button-demo .likeandpay-wrap .likeandpay-bubble:before, .button-demo .likeandpay-wrap .likeandpay-custom-tooltip:before {
      content: "";
      width: 0px;
      height: 0px;
      border-top: 10px solid #ff7800;
      border-left: 10px solid #ff7800;
      border-right: 10px solid transparent;
      border-bottom: 10px solid transparent;
      position: absolute;
      margin-left: -2px;
      top: 100%; }
    .button-demo .likeandpay-wrap .likeandpay-bubble:after, .button-demo .likeandpay-wrap .likeandpay-custom-tooltip:after {
      content: "";
      width: 0px;
      height: 0px;
      border-top: 6px solid white;
      border-left: 6px solid white;
      border-right: 6px solid transparent;
      border-bottom: 6px solid transparent;
      position: absolute;
      top: 100%; }
  .button-demo .likeandpay-wrap .likeandpay-custom-tooltip {
    top: -109px;
    right: -190px; }
  .button-demo .likeandpay-wrap.bigger .likeandpay-callout-left {
    margin-right: 9px;
    border-radius: 5px;
    height: 25px;
    padding: 0 9px;
    font-size: 15px;
    line-height: 25px;
    position: relative; }
    .button-demo .likeandpay-wrap.bigger .likeandpay-callout-left:before {
      content: "\00a0";
      display: block;
      position: absolute;
      width: 0;
      height: 0;
      top: 7px;
      right: -11px;
      bottom: auto;
      border-width: 5px;
      border-style: solid;
      border-color: transparent transparent transparent #cccccc; }
    .button-demo .likeandpay-wrap.bigger .likeandpay-callout-left:after {
      content: "\00a0";
      display: block;
      position: absolute;
      width: 0;
      height: 0;
      top: 7px;
      right: -10px;
      bottom: auto;
      border-width: 5px;
      border-style: solid;
      border-color: transparent transparent transparent white; }
  .button-demo .likeandpay-wrap.bigger .likeandpay-bubble, .button-demo .likeandpay-wrap.bigger .likeandpay-custom-tooltip {
    font-size: 18px;
    width: 275px;
    top: -133px;
    right: -81px; }
  .button-demo .likeandpay-wrap.bigger .likeandpay-custom-tooltip {
    top: -116px;
    right: -215px; }
.button-demo .likeandpay-button.inline {
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  *display: inline;
  *vertical-align: auto;
  padding: 0 5px; }
  .button-demo .likeandpay-button.inline iframe {
    position: relative;
    bottom: -6px; }
.button-demo .likeandpay-banner {
  width: 205px;
  padding: 10px 20px;
  border: 1px solid #ccc;
  background-color: white;
  border-radius: 6px; }
  .button-demo .likeandpay-banner .title {
    display: block;
    margin-bottom: 10px; }
  .button-demo .likeandpay-banner p {
    margin-top: 10px;
    font-size: 14px; }
.button-demo .social-wrap {
  *zoom: 1; }
  .button-demo .social-wrap:before, .button-demo .social-wrap:after {
    content: " ";
    display: table; }
  .button-demo .social-wrap:after {
    clear: both; }
  .button-demo .social-wrap .social-button {
    float: left;
    margin-right: 20px; }
  .button-demo .social-wrap .likeandpay-wrap {
    margin-top: -13px; }