/* Form Button */
.salonBiz-button { position: fixed; right: 0px; width: 108px; height: 230px; z-index: 1400; cursor: pointer; }
.salonBiz-button-online-booking { bottom: 10px; }
.salonBiz-button-gift-cards { bottom: 10px; }
.salonBiz-button span { display: block; }
.salonBiz-button .arrow { float: left; margin-top: 195px; width: 0px; height: 0px; border-style: solid; border-width: 0 0 28px 15px; border-color: transparent transparent #fbaa19 transparent; }
.salonBiz-button .box { float: left; width: 93px; height: 223px; background: #fbaa19; }
.salonBiz-button .box .textWrapper { width: 0px; height: 0px; position: relative; top: 96px; left: -29px; }
.salonBiz-button .box .text { width: 150px; text-align: center; color: #ffffff; -webkit-transform: rotate(270deg) translate(0px, 0px); -moz-transform: rotate(270deg) translate(0px, 0px); -o-transform: rotate(270deg) translate(0px, 0px); -ms-transform: rotate(270deg) translate(0px, 0px); transform: rotate(270deg) translate(0px, 0px); font-size: 22px; font-family: Helvetica, sans-serif; font-weight:bold; }

/* Tiff asked to remove yellow hover. This might need to be added back for extra emphasis */
.salonBiz-button:hover .arrow { border-color: transparent transparent #fbaa19 transparent; }
.salonBiz-button:hover .box { background: #fbaa19; } 

/* Form  */
.salonBiz-panel { position: fixed; right: -360px; top: 0px; width: 360px; height: 100%; background: url(../images/form/back.jpg) repeat-y top left; z-index: 1500; }
.salonBiz-panel .close { position: absolute; right: 13px; top: 80px; z-index: 1510; width: 22px; height: 22px; display: block; background: url(../images/form/closebtn.gif); cursor: pointer; }

.salonBiz-panel .inner { position: absolute; top: 150px; right: 13px; text-align: center; padding-top: 20px; height: calc(100% - 50px); }
.salonBiz-panel .inner iframe { height: calc(100% - 100px); }