html,
body {
  height: 100%;
  color: #333;
  font-size: 90%;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
  background: #daebf5;
}
strong {
  font-weight: bold;
}
.underline {
  text-decoration: underline;
}
.nonSelectable {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
/* make text non-selectable */
.dayBlock,
.skippers {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
input[type="text"],
input[type="email"],
input[type="password"] {
  padding-left: 2px;
  padding-right: 2px;
}
#outofdate {
  position: relative;
  width: 940px;
  padding: 10px;
  background: #f00;
  color: #fff;
  z-index: 999;
  text-align: center;
  font-size: 120%;
  font-weight: bold;
  display: none;
}
#social {
  position: absolute;
  top: 23px;
  right: 10px;
  height: 24px;
  width: 200px;
  text-align: right;
  display: block;
  z-index: 9999999;
}
#social a,
#social form {
  display: inline-block;
  *display: inline;
  zoom: 1;
}
.clickable {
  cursor: pointer;
}
#outofdatecloser {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 20px;
  height: 20px;
  color: #fff;
  background: #900;
  text-align: center;
  line-height: 20px;
  cursor: pointer;
}
.rebook_count,
.rebook_services {
  display: none;
}
.awesome.fullBtn {
  display: block;
  text-align: center;
  padding: 10px 0;
}
.positive {
  font-size: 110%;
  color: #00ad0f;
  background: #fff;
  line-height: 20px;
  text-align: center;
  font-weight: bold;
  padding: 5px;
}
#confirmNotes {
  margin: 15px 0;
}
.notes {
  position: absolute;
  background: #fdffc3;
  color: #333;
  border: 1px solid #333;
  height: 20px;
  top: -30px;
  left: 200px;
  z-index: 99;
}
#notes {
  width: 100%;
  height: 50px;
}
.hidden {
  display: none;
  border: 1px solid #f00;
}
#order_form {
  display: none;
}
/* modal */
.simplemodal-data {
  /*background:url(/img/x.png) no-repeat;*/
  background: #fff;
  color: #333;
  border: 3px solid #333;
  padding: 20px;
}
.simplemodal-overlay {
  background: #333;
}
#order_form .confirm {
  position: relative;
  width: 100%;
  min-width: 330px;
  margin: 6px 0;
  box-shadow: none;
}
#order_form .confirm .stylistName {
  font-style: italic;
  font-size: 0.9em;
  color: #555;
}

h1 {
  font-size: 150%;
  font-weight: bold;
}
h2 {
  font-size: 140%;
  font-weight: normal;
}
h3 {
  font-size: 130%;
}
h4 {
  font-size: 120%;
}
h5 {
  font-size: 110%;
}
#wrapper {
  position: relative;
  width: 960px;
  margin: 0 auto;
}
.inputLoader {
  background-image: url("../../images/k1/loading_small.gif");
  background-repeat: no-repeat;
  background-position: 98% center;
}
#big_booking_button {
  width: 174px;
  height: 174px;
  float: right;
  background-repeat: no-repeat;
  cursor: pointer;
  display: none;
}
#big_booking_button:hover {
  background: url("../../images/bookings/booking-button3-hover.png");
  background-repeat: no-repeat;
  cursor: pointer;
}
.relbox {
  position: relative;
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
}
.pad5 {
  position: relative;
  padding: 5px;
}
.pad10 {
  position: relative;
  padding: 10px;
}

.space5 {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  height: 5px;
  width: 5px;
}
.space10 {
  position: relative;
  display: block;
  height: 10px;
  width: 10px;
}
#header {
  background: #44b1e0;
  background-image: url("../../images/bookings/default-blue-banner.png");
  position: relative;
  height: 150px;
  margin-bottom: 0;
  border-top: none;
  width: 100%;
}
#header_img {
  width: 960px;
  height: 150px;
  position: absolute;
  top: 0;
  left: 0;
}
#header #header_title {
  margin-top: 0;
}
#header_title {
  position: absolute;
  color: #fff;
  top: 10px;
  right: 10px;
  width: 700px;
  font-size: 150%;
  text-align: right;
}
#header_title .contact {
  font-size: 60%;
}
#header_title a {
  color: #fff;
  text-decoration: none;
}
.fineprint {
  display: none;
}
#invisible_stage {
  position: relative;
  padding: 0;
}
#content {
  background: #fff;
  position: relative;
  width: 100%;
  margin: 0 auto;
}
#content #stage {
  background: none;
}
#content #stage p {
  color: #000;
}

#content a {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
#accountInfo {
  position: absolute;
  top: 0;
  right: 15px;
  color: #222;
  text-shadow: 0 1px 0 #ddd;
  background-color: #dddddd; /* fallback */
  background: -webkit-gradient(
    linear,
    0% 0%,
    0% 100%,
    from(#cccccc),
    to(#eeeeee)
  ); /* Safari 4-5, Chrome 1-9 */
  background: -webkit-linear-gradient(
    top,
    #cccccc,
    #eeeeee
  ); /* Safari 5.1, Chrome 10+ */
  background: -moz-linear-gradient(top, #cccccc, #eeeeee); /* Firefox 3.6+ */
  background: -ms-linear-gradient(top, #cccccc, #eeeeee); /* IE 10 */
  background: -o-linear-gradient(top, #cccccc, #eeeeee); /* Opera 11.10+ */
  z-index: 10;
  /*padding: 5px 10px;*/
  padding: 5px;
  box-shadow: 1px 2px 3px -2px #ccc;
  -moz-border-radius: 0 0 4px 4px;
  -webkit-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
  border: 1px solid #bbbbbb;
  border-top: 0;
}
#content #accountInfo a {
  color: #4848da;
  text-decoration: underline;
}
#content #accountInfo a:hover {
  color: #444;
  text-shadow: none;
}

.stage_heading1 {
  color: #333333;
  width: 90%;
}
.stage_heading2 {
  color: #44b1e0;
}
.box_heading1 {
  color: #fff;
}
.box_heading2 {
  color: #daebf5;
}
form {
  position: relative;
}

#login_box {
  width: 325px;
  color: #fff;
  border: none;
  margin: 40px auto;
  padding: 10px 5px 5px;
}
#login_box.signinBox {
  padding: 0;
}
#login_box.loginBox {
}
#login_box h1.box_heading1 {
  font-weight: normal;
  font-size: 23px;
  padding-left: 12px;
  margin: 5px 0;
}
#loginForm {
  background: #fafbfd;
  border-radius: 4px;
  padding: 12px 15px;
}

.b2 {
  background: #44b1e0;
}

#login_box.signinBox input[type="text"],
#login_box.signinBox input[type="password"],
#login_box.signinBox input[type="email"],
#login_box.loginBox input[type="text"],
#login_box.loginBox input[type="password"],
#login_box.loginBox input[type="email"],
#login_box.forgotBox input[type="text"],
#login_box.forgotBox input[type="password"],
#login_box.forgotBox input[type="email"],
#details_box input[type="text"],
#details_box input[type="password"],
#details_box input[type="email"] {
  position: relative;
  display: block;
  color: #666;
  width: 300px;
  height: 30px;
  line-height: 30px;
  font-size: 20px;
  margin: 0 auto;
}
#login_box.signinBox input[type="text"],
#login_box.signinBox input[type="password"],
#login_box.signinBox input[type="email"] {
  width: 295px;
}
#login_box.loginBox input[type="text"],
#login_box.loginBox input[type="password"],
#login_box.loginBox input[type="email"] {
  width: 285px;
}
.inliner {
  display: inline-block;
  *display: inline;
  zoom: 1;
}
#login_box #loginForm label,
#login_box #forgot_pass {
  color: #444;
  font-size: 14px;
  line-height: 22px;
}
#login_box #forgot_pass {
  float: right;
  text-decoration: underline;
  font-size: 12px;
}
#details_box label {
  width: 300px;
  display: block;
  margin: 0 auto;
  font-size: 110%;
}
#login_box input[type="submit"] {
  /*width: 295px;*/
  width: 100%;
  font-size: 20px;
  line-height: 35px;
  margin: 15px auto 0 auto;
  display: block;
}
#signup {
  width: 295px;
  text-align: center;
  padding: 10px 0;
}
.light_box {
  color: #666;
}
.b1 {
  background: #daebf5;
}
#post_code_helper {
  position: relative;
  display: inline-block;
  *display: inline;
  zoom: 1;
  background: #009b03;
  color: #fff;
  font-weight: bold;
  text-align: center;
  width: 20px;
  height: 20px;
  border: 1px #fff solid;
  font-size: 110%;
  line-height: 20px;
  cursor: pointer;
}
#post_code_helper:hover {
  background: #4e4e4e;
}
.clearer {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  height: 0;
  clear: both;
}
#stage {
  position: relative;
  display: block;
  background: #fff;
  padding: 0;
  margin: 0;
  width: 100%;
}
#stage h5 {
  margin-top: 10px;
}

#footer {
  position: relative;
  bottom: 0;
  width: 100%;
  height: 70px;
  font-size: 70%;
  background: #44b1e0;
  background-image: url("../../images/bookings/default-blue-footer.gif");
  background-position: bottom left;
  background-repeat: no-repeat;
  color: #fff;
  text-align: center;
}
#footer a {
  color: #fff;
  text-decoration: none;
  margin: 0;
  padding: 0;
}
#footer a:hover {
  color: #fff;
  text-decoration: underline;
  margin: 0;
  padding: 0;
}
#upcoming .slot_service,
#previous .slot_service {
  padding-left: 20px;
  text-align: left;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
#upcoming .slot_stylist,
#previous .slot_stylist {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.searcher {
  color: #efefef;
  position: relative;
  display: inline-block;
  *display: inline;
  zoom: 1;
}

#categorySelectionSection {
  float: left;
  width: 53%;
}
#serviceSearchSection {
  float: right;
  width: 45%;
}

#categorySelector {
  display: inline-block;
  *display: inline;
  zoom: 1;
  font-size: 1.1em;
  width: 99%;
}

#stage #service_search {
  width: 100% !important;
  height: 22px;
}
#stage #service_searcher {
  width: 90% !important;
}
#service_searcher > label {
  width: auto !important;
}
.data_box {
  width: 99%;
  background: #44b1e0;
  color: #333;
  margin: 0 auto;
}
.white_col {
  background: #fff;
  height: 450px;
  overflow: hidden;
}
.liner {
  position: relative;
  display: block;
  height: 440px;
  overflow: auto;
}
.category {
  position: relative;
  margin: 5px 10px;
  background: #efefef;
  color: #333;
  cursor: pointer;
}
.category:hover,
.category_hover {
  background: #333;
  color: #fff;
}
.error {
  font-size: 90%;
  font-weight: bold;
  background: #fff;
  color: #d71921;
  padding: 2px;
  margin-top: 2px;
  margin-bottom: 2px;
}
.item {
  cursor: pointer;
  display: block;
  margin: 5px 10px;
  position: relative;
}
#net .item {
  margin: 5px 5px 5px 0;
}
.item:hover,
.item_hover {
}
.flow {
  position: relative;
  display: block;
  width: 100%;
  height: 30px;
  line-height: 30px;
  background: #333;
  color: #eee;
}
.step {
  float: left;
  height: 30px;
  line-height: 30px;
  width: 25%;
  text-align: center;
  font-size: 80%;
  font-weight: bold;
}
.services {
  position: relative;
  display: block;
  background: #ccc;
  color: #333;
}
.service {
  position: relative;
  display: block;
}
.service .pad5 {
  overflow: hidden;
}
.service_util {
  position: relative;
  display: block;
  height: 20px;
  background: #fff;
  color: #333;
  border-bottom: 1px solid #bbb;
}
.service_down {
  float: left;
  margin: 0;
  margin-left: 5px;
  width: 22px;
  height: 20px;
  background: url(../../images/bookings/down-white.png);
  background-position: bottom;
  cursor: pointer;
}
.service_down:hover {
  background-position: top;
}
.service_up {
  float: left;
  margin: 0;
  width: 20px;
  height: 20px;
  background: url(../../images/bookings/up-white.png);
  background-position: top;
  cursor: pointer;
}
.service_up,
.service_down {
  display: none; /* unless there's more than 1 */
}
.service_up:hover {
  background-position: bottom;
}
.package_contents_container .service_name,
.product_name {
  float: none;
}
.package_contents_container .staff_list {
  margin-bottom: 0.5em;
}
.service_name,
.product_name,
.package_subline,
.package_name,
.package_contents {
  float: left;
  width: 81%;
  padding: 0;
  margin: 0;
  font-size: 90%;
}
.service .serviceName {
  font-size: 100%;
}
.service2 .service_name,
.service2 .packageProductsHeader,
.service2 .package_name {
  font-weight: bold;
}
.package_name {
  line-height: 18px;
}
.packageProductsHeader {
  /*margin-top: 10px;*/
  font-style: italic;
}
/*.service2 .product_name {
    margin: 8px 0 2px;
}*/
.unitbetter {
  width: 245px;
  height: 382px;
  z-index: 99999999;
  opacity: 0.2;
  position: fixed;
  bottom: 0;
  right: 0;
}
.unittask {
  width: 100%;
  height: 68px;
  z-index: 9999999;
  position: absolute;
  bottom: 50px;
  text-align: center;
  background-repeat: no-repeat;
  background-position: center;
}
.service_gap {
  height: 0;
  width: 0;
  display: none;
  position: absolute;
}
.service_duration {
  float: right;
  text-align: center;
  color: #333;
  background: #fff;
  margin: 0;
  font-size: 12px;
  padding: 5px 10px;
}
.package_subline {
  font-style: italic;
  margin: 2px 0;
}
.package_contents {
  list-style-type: disc;
  margin: 0 0 0 15px;
  padding: 0 0 0 5px;
}
.package_contents li {
  list-style-type: disc;
}
.service_remove {
  float: right;
  margin: 0 5px 0 0;
  width: 20px;
  height: 20px;
  background: url(../../images/bookings/close-white.png);
  background-position: top;
  cursor: pointer;
}
.service_remove:hover {
  background-position: bottom;
}
.service_remove_hover {
  float: right;
  margin: 0 5px 0 0;
  width: 20px;
  height: 20px;
  background: none;
  cursor: pointer;
}
.staff_list {
  float: left;
}
.staffer {
  position: relative;
  margin: 5px 0 0;
  padding: 0;
  display: inline-block;
  *display: inline;
  zoom: 1;
  color: #44b1e0;
  min-width: 40%;
}
.staffer_list {
  margin: 0;
  display: inline;
}
.booker {
  position: relative;
  background: #44b1e0;
  color: #fff;
  border: none;
}
#cats {
  width: 240px;
  height: 500px;
  float: left;
}
#serviceSection {
  width: 60%;
  float: left;
}
#stage #servs {
  margin: 0;
  width: 100%;
  height: auto;
  float: left;
}
#stage #tray,
#traySummary,
#tray_alt {
  width: 37%;
  float: right;
}
#stage #tray {
  display: none;
}
#stage #tray,
#traySummary {
  background: #f9f9f9;
  padding: 0;
  border: 1px solid #ccc;
  border-radius: 4px;
}

#traySummary {
  width: 31%;
  float: right;
  margin-top: 0;
}
#traySummary .trayLink {
  display: inline;
}
#traySummary #backToServices {
  color: #666;
  float: right;
  /*// float: none;*/
  text-decoration: underline;
  font-size: 14px;
  line-height: 21px;
}
#traySummary .service_duration {
  display: none;
}
#traySummary .service_name {
  width: 90%;
}
#trayHeading,
#traySummaryHeading {
  padding: 4px 8px;
  border-radius: 4px 4px 0 0;
  color: #666;
  font-size: 16px;
  display: block;
  background: #eee;
  text-shadow: 0 1px 0 #f5f5f5;
  border-bottom: 1px solid #bbb;
}
#to_listings.enabled {
  opacity: 1;
}
#to_listings.disabled {
  opacity: 0.5;
}

.unavailable {
  font-size: 60%;
  color: #666;
  position: absolute;
  bottom: 3px;
  left: 3px;
}
.lister {
  background: #fff;
  width: 100%;
  height: 400px;
  overflow: auto;
}
#stage #net {
  position: relative;
  display: block;
  margin: 0;
  padding: 5px 5px 5px 10px;
  overflow: auto;
  border-top: 1px solid #fff;
  background: none;
}
#date_ranger {
  background: #efefef;
  border: 1px solid #ddd;
}

#requestor {
  position: relative;
  display: block;
  width: 400px;
  height: 70px;
  line-height: 70px;
  font-size: 200%;
  margin: 0 auto;
}
#date_start,
#date_end {
  width: 100px;
}
.col50 {
  background: #fff;
  width: 35%;
  float: left;
  text-align: center;
  margin: 0 5%;
  padding: 10px;
}

.hidden {
  position: absolute;
  height: 0;
  width: 0;
  margin: 0;
  padding: 0;
  background: #ffc0cb;
  color: #674a00;
  display: none;
}
.sticker {
  font-size: 120%;
  font-weight: bold;
}
#slot_options {
  margin: 20px auto;
  color: #fff;
}
.island {
  position: relative;
  background: #fff;
  color: #44b1e0;
}
#day_hour {
  position: relative;
  display: block;
}
#options_switch {
  margin-left: 5px;
  cursor: pointer;
}
#options_switch h2 {
  padding: 5px;
}
.littlebox {
  margin: 0;
  text-align: center;
  width: 25%;
  height: 40px;
  float: left;
  position: relative;
}
/*  jQuery UI CSS overrides   */
.ui-accordion-content {
  padding: 5px !important;
}
.ui-widget-content {
  padding: 5px !important;
}
.ui-widget-content a.awesome {
  color: #fff;
}
#flow_tabs {
  border: none !important;
  background: none !important;
}
#flow_tabs-1,
#flow_tabs-2,
#flow_tabs-3,
#flow_tabs-4 {
  background: white;
}
#TODchooser {
  margin: 10px 0 0;
  overflow: hidden;
}
.TODcheckbox {
  float: left;
  padding-top: 4px;
  margin: 0 4px 0 0;
}
.TODlabel {
  float: left;
  font-size: 12px;
  color: #555;
}
.TODoption {
  display: inline-block;
  *display: inline;
  zoom: 1;
  float: left;
  margin-right: 13px;
}
#TODchooser label small {
  font-size: 0.9em;
}

.slot_group {
  position: relative;
  display: block;
  width: 100%;
  background: #daebf5;
  margin-bottom: 5px;
  text-align: left;
  overflow: auto;
}
.slot_group {
  position: relative;
  display: block;
  width: 100%;
  background: #daebf5;
  margin-bottom: 5px;
  text-align: left;
  overflow: auto;
}
.hidden_slot_group {
  display: none;
}
.group_slot {
  position: relative;
  display: block;
  width: 81%;
  height: 30px;
  line-height: 30px;
  font-size: 90%;
  margin-left: 0;
  background: white;
  border: 1px solid #ddd;
  overflow: hidden;
  border: 0;
}
.clearLeft {
  clear: left;
}
.rebooker {
  position: absolute;
  right: 2px;
  top: 0;
}
.rebooker a.awesome {
  text-align: center;
  padding: 5px 0 0 0;
  height: 39px;
  width: 83px;
  font-size: 14px;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  box-sizing: border-box;
}
.slot {
  position: relative;
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 100%;
  height: 30px;
  line-height: 30px;
  font-size: 90%;
  margin: 0 auto;
  margin-bottom: 5px;
  background: #fff;
  overflow: hidden;
}
.slot_grouped {
  position: relative;
  display: inline-block;
  *display: inline;
  zoom: 1;
  left: 0;
  width: 90%;
  height: 30px;
  line-height: 30px;
  font-size: 90%;
  margin: 0;
  background: #fff;
  overflow: hidden;
}
.slot_top,
.slot_bottom {
  position: relative;
  display: block;
  left: 0;
  width: 90%;
  height: 5px;
  margin: 0;
  background: #fff;
  overflow: hidden;
}
.slot:hover {
  background: #44b1e0;
  color: #fff;
  height: 30px;
  line-height: 30px;
  font-size: 100%;
}
.single_slot_service {
  float: left;
  padding-left: 5%;
  text-align: left;
  width: 35%;
}
.single_slot_stylist,
.single_slot_time,
.single_slot_book {
  float: left;
  padding-left: 5%;
  text-align: left;
  width: 14%;
}
.slot_stylist,
.slot_time2,
.slot_book,
.slot_date {
  background: none;
  width: 19%;
}
.slot_stylist {
  float: left;
}
.slot_status {
  background: none;
  width: 19%;
}
.slot_service:hover,
.group_slot_service:hover,
.slot_stylist:hover,
.slot_time2:hover,
.slot_book:hover {
  background: none;
}
.slot_stylist {
  width: 10%;
}
.slot_time {
  width: 7%;
}
.slot_status,
.slot_status:hover {
  background: none;
}
.group_slot_stylist {
  text-align: left;
  font-style: italic;
  font-size: 0.9em;
  color: #555;
  float: left;
  width: 20%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.group_slot_time {
  text-align: left;
  padding-left: 10px;
  float: left;
  width: 90px;
}
#more_slots {
  width: 200px;
  line-height: 40px;
}

.slot_date {
  float: left;
  width: 15%;
  text-align: center;
  height: 30px;
  line-height: 30px;
  margin: 0;
  padding: 0;
}
.slot_time {
  float: left;
  width: 10%;
  text-align: center;
  height: 30px;
  line-height: 30px;
  margin: 0;
  padding: 0;
}
.slot_time2 {
  float: left;
  width: 140px;
  text-align: center;
  height: 30px;
  line-height: 30px;
  margin: 0;
  padding: 0;
  border: 1px solid #0f0;
}
.slot_rebook {
  width: 5%;
  float: left;
  padding-top: 2px;
  height: 30px;
  cursor: pointer;
}
.group_slot_service {
  float: left;
  width: 50%;
  text-align: left;
  height: 30px;
  line-height: 30px;
  margin: 0;
  padding: 0;
}
.slot_service {
  float: left;
  width: 40%;
  text-align: center;
  height: 30px;
  line-height: 30px;
  margin: 0;
  padding: 0;
}
#slots_stage .slot_stylist {
  height: 30px;
  line-height: 30px;
  margin: 0;
  padding: 0;
  text-align: left;
}

#slots_stage .slot_stylist,
#slots_stage .single_slot_stylist {
  font-style: italic;
  font-size: 12px;
  float: left;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.slot_status {
  float: left;
  text-align: center;
  height: 30px;
  line-height: 30px;
  margin: 0;
  padding: 0;
  width: 15%;
}
#slotsPlaceholderLoader {
  width: 67.5%;
  border-radius: 5px;
  border: 1px solid #ddd;
}
#placeholderLoaderContent {
  background: white;
  display: block;
  text-align: center;
  padding: 150px 0;
}

#datesAndSlots {
  display: none;
}
#slotsSection {
}

#slotsLeft {
  width: 67%;
  float: left;
}
#slots {
  position: relative;
  display: block;
  text-align: center;
  width: 100%;
  display: none;
}
#slotsHeader {
  background: #ffffff;
  padding: 2px 3px;
}
#slotsHeader .slotsHeading {
  float: left;
}

#slot_date {
  font-weight: normal;
}
#slots_stage {
  position: relative;
  display: block;
  /*//	min-height:30px;*/
  overflow: hidden;
}
#service_loader {
  position: relative;
  margin: 0 auto;
  padding-top: 190px;
  text-align: center;
  width: 100%;
}
#slot_loader {
  position: relative;
  margin: 0 auto;
  text-align: center;
  width: 100%;
  padding: 15px 0;
  background: #fff;
}
.group_slot_book {
  position: absolute;
  top: 10px;
  right: 10px;
}
.slot_book {
  background: #fff;
  width: 99px;
  float: left;
  text-align: center;
  height: 30px;
  line-height: 30px;
  margin: 0;
  padding: 0;
}
.group_slot_book_button {
  width: 95px;
  height: 60px;
  line-height: 60px;
  font-size: 120%;
}
.bookerT {
  width: 95px;
  height: 26px;
  line-height: 26px;
  margin: 2px auto;
}
.click_box {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  cursor: pointer;
  background: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBR‌​AA7")
    0 0 repeat;
}
#OBBranch {
  margin-bottom: 10px;
  overflow: hidden;
}
#branchSwitchLink {
  font-size: 12px;
  font-weight: normal;
  text-decoration: underline;
  margin-left: 5px;
}
.match_slot,
.branch_slot {
  line-height: 22px;
  min-height: 26px;
  background-color: #f5f5f5;
  color: #333;
  margin-bottom: 5px;
  border: 1px solid #888;
  cursor: pointer;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.branch_slot {
  width: 47%;
  float: left;
  position: relative;
  margin: 0 1% 10px 0;
  padding: 5px 0;
}
.branch_slot:nth-child(odd) {
  float: left;
  width: 49%;
}
.branch_slot:nth-child(even) {
  width: 49%;
  float: right;
  margin-right: 0;
}
.match_slot.match_selected,
.match_slot.match_selected:hover,
.branch_slot.branch_selected,
.branch_slot.branch_selected:hover {
  background: #e4f7e4;
  border: 1px solid #008000;
  cursor: default;
  box-shadow: 0 0 1px 1px #008000 inset;
}
.match_slot:hover,
.branch_slot:hover,
.branch_slot:hover,
.branch_slot:hover {
  border: 1px dashed #333;
}
.match_name,
.match_lastAppt,
.match_phone {
  padding-left: 40px;
}
.branch_name,
.branch_address {
  padding-left: 10px;
}
.branch_name {
  font-size: 14px;
}
.branch_address {
  color: #888;
}
.branch_address span:after {
  content: ",";
}
.branch_address span:last-child:after {
  content: "";
}
.match_checkbox,
.branch_checkbox {
  cursor: pointer;
  float: left;
  width: 30px;
  text-align: center;
  padding: 6px 0 0 4px;
}
.branch_checkbox {
  display: none;
}
.match_next {
  width: 150px;
}
.hidden_slot {
  display: none;
}
.deactivated {
  background: #efefef;
  color: #999;
}
.tooltip {
  position: absolute;
  width: 100px;
  border: 1px solid #333;
  z-index: 99999;
}
.tipper {
  position: relative;
  background: #f00;
  color: #fff;
  text-align: center;
  font-weight: bolder;
  z-index: 999;
  display: none;
  height: 20px;
  line-height: 20px;
}

.blipper,
.blipper .pad5 {
  background: #eeeeee !important;
  color: #444444 !important;
  border: 1px solid #bbb !important;
}
.blipper .pad5 {
  border: none !important;
}
.blipper .pad5:hover {
  background: #f9f9f9 !important;
  color: #444444 !important;
}
.Xblipper {
  background: #ddd !important;
  color: #999 !important;
  cursor: default !important;
  margin: 5px 10px !important;
}
.on {
  background: #ffffff !important;
  color: #333333 !important;
  font-weight: bold !important;
}
.service2,
.service2:hover {
  background: #eeeeee !important;
  cursor: auto !important;
}

.skippedDayBlock {
  display: none;
  background: #fef4c2;
  border: 1px solid #ffe208;
  padding: 7px;
  margin: 0 0 10px 0;
}
#content #searchAllStaff {
  text-decoration: underline;
  color: #0000ff;
  display: none;
}
.skippedDayOptions {
  margin-top: 5px;
}

/* slot day blocks */
#daysSection {
  border-radius: 5px;
  overflow: hidden;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
#dayBlocks {
  height: 70px;
  overflow: hidden;
  float: left;
}
.dayBlock {
  display: inline;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-size: 13px;
  float: left;
  width: 84px;
  background: white;
  color: #ccc;
  margin: 0 2px;
  text-align: center;
  cursor: pointer;
  position: relative;
  opacity: 0.8;
}
#formLoader {
  display: none;
  background: url(../../images/loader_grey_220x19.gif) no-repeat center center;
  width: 220px;
  height: 19px;
}
.dayBlock:hover {
  opacity: 1;
}
.dayBlock.closed:hover,
.dayBlock.booked:hover {
  opacity: 0.8;
}
.dayBlock.dayBlockLoading {
  background: url(../../images/bookings/loader_24x24_444_fff.gif) no-repeat
    center 32px;
}
.dayBlockText {
  font-size: 11px;
  color: #fff;
  font-style: italic;
  text-align: center;
  border: 1px solid #aaa;
  border-top: 0;
  border-radius: 0 0 4px 4px;
  height: 27px;
  line-height: 27px;
  padding: 0;
}
.dayBlock.selected.open {
  opacity: 1;
}
.dayBlock.selected.open .dayBlockHeadingText {
  background: #444;
  color: white;
  text-shadow: 0 -1px 0 black;
}
.dayBlock.selected.open .dayBlockText {
  background: #a1a1a1;
  border-color: #999;
  color: #fff;
  text-shadow: 0 -1px 0 #777;
}
#activeTriangle {
  background: url(../../images/bookings/triangle_down_999_29_10.png) no-repeat
    transparent;
  position: absolute;
  width: 29px;
  height: 10px;
  bottom: -9px;
  left: 28px;
}
.dayBlock.closed,
.dayBlock.booked {
  cursor: default;
}
.dayBlock.closed .dayBlockText {
  color: #666;
  background: #ffe8e9;
}
.dayBlock.open .dayBlockText {
  background: #d9eebb;
  color: #666;
}
.dayBlock.booked .dayBlockText {
  color: #666;
  background: #eeeeee;
}
.dayBlockHeadingText {
  background: #666;
  line-height: 14px;
  color: white;
  text-shadow: 0 -1px 0 black;
  border: 1px solid #666;
  -moz-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}

/* day skippers */

#daySkippers {
  overflow: hidden;
  margin: 0 0 7px;
  padding: 0 2px 2px;
}
#skipperWrapperLeft {
  float: left;
}
#skipperWrapperRight {
  float: right;
}
.skippers {
  border: 1px solid #bbb;
  border-top-color: #ccc;
  border-bottom-color: #aaa;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  box-shadow: 1px 1px 4px -1px #bbbbbb;
  text-align: center;
  text-decoration: none;
  font-size: 12px;
  background: #ddd;
  background: -webkit-gradient(
    linear,
    0% 0%,
    0% 100%,
    from(#f9f9f9),
    to(#cccccc)
  ); /* Safari 4-5, Chrome 1-9 */
  background: -webkit-linear-gradient(
    top,
    #f9f9f9,
    #cccccc
  ); /* Safari 5.1, Chrome 10+ */
  background: -moz-linear-gradient(top, #f9f9f9, #cccccc); /* Firefox 3.6+ */
  background: -ms-linear-gradient(top, #f9f9f9, #cccccc); /* IE 10 */
  background: -o-linear-gradient(top, #f9f9f9, #cccccc); /* Opera 11.10+ */
  height: 20px;
  line-height: 20px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 100px;
  cursor: default;
  opacity: 0.6;
  color: #555;
  text-shadow: 0 1px 0 #eee;
}
.skippers.enabled {
  opacity: 1;
  cursor: pointer;
}
.skippers.enabled:active {
  top: 1px;
  position: relative;
}
.skippers.enabled:hover,
.skippers.enabled:hover {
  background: -webkit-gradient(
    linear,
    0% 0%,
    0% 100%,
    from(#f1f1f1),
    to(#b5b5b5)
  ); /* Safari 4-5, Chrome 1-9 */
  background: -webkit-linear-gradient(
    top,
    #f1f1f1,
    #b5b5b5
  ); /* Safari 5.1, Chrome 10+ */
  background: -moz-linear-gradient(top, #f1f1f1, #b5b5b5); /* Firefox 3.6+ */
  background: -ms-linear-gradient(top, #f1f1f1, #b5b5b5); /* IE 10 */
  background: -o-linear-gradient(top, #f1f1f1, #b5b5b5); /* Opera 11.10+ */
}
#prev1Block,
#next7Blocks {
  margin-left: 5px;
}
/* END slot day blocks */

/* progress bar / breadcrumbs */
.breadcrumbs {
  border: 0;
  overflow: hidden;
  width: 100%;
  margin: 5px 0 25px;
  padding: 0 0 0 10px;
}

.breadcrumbs li {
  float: left;
}

.breadcrumbs a {
  padding: 0.7em 0.2em 0.7em 3.1em;
  text-decoration: none;
  color: #999;
  position: relative;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #eee;
  line-height: 30px;
  font-size: 14px;
}
.breadcrumbNumber {
  font-size: 11px;
  width: 17px;
  height: 17px;
  background: #aaa;
  color: #eee;
  text-shadow: 0 -1px 0 #888;
  border-radius: 50%;
  position: absolute;
  top: 10px;
  left: 22px;
  line-height: 16px;
  text-align: center;
}
.current .breadcrumbNumber {
  background: #444;
  color: #eee;
  text-shadow: 0 -1px 0 #222;
  font-weight: normal;
}
.breadcrumbNumber.firstNumber {
  left: 7px;
}
.breadcrumbs li:first-child a {
  padding-left: 2.1em;
  border-radius: 5px 0 0 5px;
}

.breadcrumbs a:hover {
  background: #fff;
}

.breadcrumbs a::after,
.breadcrumbs a::before {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -1.5em;
  border-top: 1.5em solid transparent;
  border-bottom: 1.5em solid transparent;
  border-left: 1em solid;
  right: -0.9em;
}

.breadcrumbs a::after {
  z-index: 2;
  border-left-color: #eee;
}

.breadcrumbs a::before {
  border-left-color: #ccc;
  right: -1.1em;
  z-index: 1;
}

.breadcrumbs a:hover::after,
.breadcrumbs a.current::after {
  border-left-color: #fff;
}

.breadcrumbs .current,
.breadcrumbs .current:hover {
  color: #444;
  background: white;
}

/* client details form */
#stage #details_box {
  width: auto;
  margin: 0;
  box-shadow: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  width: auto;
  background: white;
  color: #444;
  padding: 5px;
}
#stage #details_box label {
  width: 200px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin: 0 0 2px;
  font-size: 15px;
}

#stage #details_box input[type="text"],
#stage #details_box input[type="password"],
#stage #details_box input[type="email"] {
  margin: 0 0 10px 0;
  height: 20px;
  line-height: 20px;
  width: 230px;
  font-size: 14px;
  color: #444;
}
input[type="text"]::-ms-clear {
  display: none;
}
#stage #details_box #changePwBox {
  border: 1px solid #ccc;
  padding: 5px 10px;
  background: #f9f9f9;
  overflow: hidden;
  float: left;
  margin: 10px 0 0 0;
}
#stage #details_box #changePwBox input[type="password"] {
  width: 220px;
  margin-bottom: 5px;
}
#detailsUpdate {
  text-align: center;
  color: white;
  display: block;
  font-size: 18px;
  margin: 10px 0 5px;
}
#detailsLoader {
  display: none;
  margin: 18px 0 0;
}
#details_box .positive {
  background: none;
  text-align: left;
  padding: 10px 0;
  border: 0;
  box-shadow: none;
}
#details_box .detailsLinks {
  font-size: 12px;
  line-height: 20px;
}
#details_box .detailsLinks a {
  text-decoration: underline;
  color: #444;
}

/* new name, so it can be specifically overridden in facebook etc */
.padding5 {
  padding: 5px;
}
.padding10 {
  padding: 10px;
}

/* to clear a text field */
.clearable {
  position: relative;
}
.data_field {
  padding-right: 17px; /* add space for the 'x' icon*/
}
span.icon_clear {
  position: absolute;
  right: 5px;
  top: 0;
  display: none;
  cursor: pointer;
  font: bold 1em sans-serif;
  color: #38468f;
}
span.icon_clear:hover {
  color: #f52;
}

/* category selector */

#catSelector {
  display: inline-block;
  *display: inline;
  zoom: 1;
  font-size: 1.1em;
  width: 87%;
  background: #f9f9f9;
  background: -webkit-gradient(
    linear,
    0% 0%,
    0% 100%,
    from(#f9f9f9),
    to(#eeeeee)
  ); /* Safari 4-5, Chrome 1-9 */
  background: -webkit-linear-gradient(
    top,
    #f9f9f9,
    #eeeeee
  ); /* Safari 5.1, Chrome 10+ */
  background: -moz-linear-gradient(top, #f9f9f9, #eeeeee); /* Firefox 3.6+ */
  background: -ms-linear-gradient(top, #f9f9f9, #eeeeee); /* IE 10 */
  background: -o-linear-gradient(top, #f9f9f9, #eeeeee); /* Opera 11.10+ */
  border: 1px solid #777;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  height: 25px;
  font-size: 14px;
  line-height: 25px;
  color: #444;
  padding: 0 20px 0 8px;
  position: relative;
  cursor: pointer;
}
#catSelector:hover {
  background: #dddddd;
  background: -webkit-gradient(
    linear,
    0% 0%,
    0% 100%,
    from(#dddddd),
    to(#eeeeee)
  ); /* Safari 4-5, Chrome 1-9 */
  background: -webkit-linear-gradient(
    top,
    #dddddd,
    #eeeeee
  ); /* Safari 5.1, Chrome 10+ */
  background: -moz-linear-gradient(top, #dddddd, #eeeeee); /* Firefox 3.6+ */
  background: -ms-linear-gradient(top, #dddddd, #eeeeee); /* IE 10 */
  background: -o-linear-gradient(top, #dddddd, #eeeeee); /* Opera 11.10+ */
  background: linear-gradient(top, #dddddd, #eeeeee);
}
#catSelectorArrow {
  position: absolute;
  right: 5px;
  top: 4px;
  background: url(../../images/bookings/iconDownArrow.gif) no-repeat top left;
  width: 16px;
  height: 16px;
}

/* category dropdown */
#catsList {
  display: none;
  max-height: 475px;
  min-width: 281px;
  overflow-y: auto;
  position: absolute;
  background: #f9f9f9;
  border: 1px solid #aaa;
  box-shadow: 0 1px 2px 0 #bbb;
  z-index: 99999;
}
#catsList ul ul {
  padding-left: 12px;
  background: #ccc; /* fallback */
}
#catsList ul li {
  color: #444;
  display: block;
  cursor: pointer;
  background: #f9f9f9;
  line-height: 20px;
  text-indent: 5px;
  line-height: 22px;
  white-space: nowrap;
}

#catsList ul + li {
  border-top: 1px solid #ccc;
}

#catsList ul ul li.first_cat {
  box-shadow: -2px 6px 6px -7px #777 inset;
}
#catsList ul li:hover {
  background: #eee;
}

#catsList ul.catLevel_0 li:first-child {
  border-top: 0;
}
/*#catDefaults {
    margin-bottom: 10px;
}*/
#catDefaults li {
  font-weight: bold;
}
#catDefaults li:last-of-type {
  margin-bottom: 5px;
}