body {
  background: #ffffff }

#walkthrough .edit-icon {
  background: url(/images/icons/mini-icon-wrench.png) no-repeat right top !important;
  padding-right: 18px;
  color: #959595; }

.attention .newservice-icon {
  background: url(/images/icons/mini-icon-newservice.png) no-repeat right top !important;
  padding-right: 30px;
  color: #959595; }
.attention .newemployee-icon {
  background: url(/images/icons/mini-icon-newemployee.png) no-repeat right top !important;
  padding-right: 30px;
  color: #959595; }
.attention .newspace-icon {
  background: url(/images/icons/mini-icon-newspace.png) no-repeat right top !important;
  padding-right: 30px;
  color: #959595; }
.attention .newequipment-icon {
  background: url(/images/icons/mini-icon-newequipment.png) no-repeat right top !important;
  padding-right: 30px;
  color: #959595; }

.missinginfolink {
  color: #FFA51B !important; }
  .missinginfolink:hover {
    text-decoration: underline; }

.small-text {
  font-size: 11px; }

#locale-selection {
  margin-right: -5px;
  background: #FFFFFF;
  height: 11px;
  padding: 4px;
  border: solid 5px #CECECE; }

.data .message {
  color: #96969F; }

#activation {
  width: 700px;
  margin: 0 auto; }

.submit {
  border: solid 1px #414245;
  background: transparent url(/images/backgrounds/navigation-gray.png) repeat-x left top;
  color: #fff;
  height: 25px !important;
  padding: 0px 6px;
  margin: 5px 0 0 0; }

.submit:hover {
  background: transparent url(/images/backgrounds/navigation-gray.png) repeat-x left bottom; }

.explanation .activeaccount {
  text-decoration: underline;
  color: #000;
  font-weight: normal; }

.subscribe-button {
  display: block;
  width: 200px;
  height: 27px !important;
  overflow: hidden; }
  .subscribe-button .subscribe-endcap {
    float: left;
    width: 21px;
    height: 27px !important;
    overflow: hidden;
    background: #fff url(/images/buttons/save.png) no-repeat left top; }
  .subscribe-button .subscribe-text {
    display: block;
    background: url(/images/buttons/save.png) no-repeat right top;
    font: bold 14px/27px Verdana;
    color: #fff;
    width: 140px !important;
    height: 27px !important;
    float: left ;
    cursor:pointer ;
    text-indent: 10px; }

.subscribe-button:hover {
  display: block;
  width: 200px;
  height: 27px !important;
  overflow: hidden; }
  .subscribe-button:hover .subscribe-endcap {
    float: left;
    width: 21px;
    height: 27px !important;
    overflow: hidden;
    background: #fff url(/images/buttons/save.png) no-repeat left bottom; }
  .subscribe-button:hover .subscribe-text {
    display: block;
    background: url(/images/buttons/save.png) no-repeat right bottom;
    font: bold 14px/27px Verdana;
    color: #fff;
    width: 140px !important;
    height: 27px !important;
    float:left ;
    cursor:pointer ;
    text-indent: 10px; }

.done-button {
  float: right;
  display: block;
  width: 200px;
  height: 27px !important;
  overflow: hidden; }

.done-endcap {
  float: left;
  width: 21px;
  height: 27px !important;
  overflow: hidden;
  background: #D7D7D7 url(/images/buttons/save.png) no-repeat left top; }

.done-text {
  display: block;
  background: transparent url(/images/buttons/save.png) no-repeat right top;
  font: bold 14px/27px Verdana;
  color: #fff;
  width: auto !important;
  height: 27px !important;
  text-indent: 10px; }
  .done-text:hover .done-endcap {
    float: left;
    width: 21px;
    height: 27px !important;
    overflow: hidden;
    background: #D7D7D7 url(/images/buttons/save.png) no-repeat left bottom; }
  .done-text:hover .done-text {
    display: block;
    background: transparent url(/images/buttons/save.png) no-repeat right bottom;
    font: bold 14px/27px Verdana;
    color: #fff;
    width: auto !important;
    height: 27px !important;
    text-indent: 10px; }

.stop-right-there {
  display: block;
  border: solid 2px #D6D6D6;
  background: #F2F2F2;
  margin: 4px 20px;
  padding: 18px; }

#walkthrough {
  display: block;
  border: solid 1px #C1C1C1;
  background: #F2F2F2;
  margin: 4px 0;
  padding: 18px; }
  #walkthrough strong {
    color: #FFCA46; }

a.walkthroughstep {
  display: block;
  border: solid 1px #414245;
  border-color: #6095c7 #9dc6ea #9dc6ea #6095c7;
  background: transparent url(/images/backgrounds/navigation-blue.png) repeat-x left top;
  color: #fff;
  height: 25px !important;
  width: 220px;
  padding: 0px 6px;
  margin: 5px 0 0 0;
  text-align: center;
  font: bold 14px/25px Arial;
  text-decoration: none !important; }
  a.walkthroughstep:hover {
    background: transparent url(/images/backgrounds/navigation-blue.png) repeat-x left bottom;
    text-decoration: none !important; }

.quickbook {
  border: solid 1px #414245;
  border-color: #9dc6ea #6095c7 #6095c7 #9dc6ea;
  background: transparent url(/images/backgrounds/navigation-blue.png) repeat-x left top;
  color: #fff;
  height: 25px !important;
  padding: 0px 6px;
  margin: 0 5px 0 0; }
  .quickbook:hover {
    background: transparent url(/images/backgrounds/navigation-blue.png) repeat-x left bottom; }

.edit-schedule {
  font-size: 0px; }

.flashmessage,.flasherror {
  display: block;
  border: solid 2px #D6D6D6;
  background: #F2F2F2;
  margin: 4px 20px;
  padding: 18px;
  color: #FFA51B; }

.appointmentactions button, .appointment_canceled, .appointment_confirmed, .appointment_declined, .upgrade {
  border: solid 1px #414245;
  border-color: #9dc6ea #6095c7 #6095c7 #9dc6ea;
  background: transparent url(/images/backgrounds/navigation-blue.png) repeat-x left top;
  color: #fff;
  height: 25px !important;
  padding: 0px 6px;
  margin: 0 5px 0 0; }
  .appointmentactions button:hover, .appointment_canceled:hover, .upgrade:hover {
    background: transparent url(/images/backgrounds/navigation-blue.png) repeat-x left bottom; }

.upgrade_confirm {
  width: 30px ;
  text-align: center ;
  float: left ;
}
.upgrade_provider {
  width: 50px ;  
}
a.upgrade_confirm {
  padding-top: 3px ;
  color: white!important ;        
}
.alt_appointmentaction {
  background: none!important ;  
  border: none!important;
  float: left ;
  margin: 10px 0px!important ;
  padding: 0px!important ;
}
span.edit-icon {
  padding-right: 26px;
  background: transparent url(/images/buttons/wrench.png) no-repeat right top; }

.service-name {
  font-weight: bold; }

.requirement-group {
  background-image: url(/images/icons/resources-small.png);
  padding: 2px 2px 2px 22px;
  background-repeat: no-repeat;
  background-position: left top;
  font-size: 11px;
  margin-bottom: 1px; }

.required-employees {
  background-position: left top; }

.required-spaces {
  background-position: left center; }

.required-equipment {
  background-position: left bottom; }

.appointment-time {
  font-size: 12px;
  line-height: 20px; }

#appointments-action {
  background: transparent url(/images/buttons/view-appointments.png) no-repeat left 4px; }
  #appointments-action:hover {
    background: transparent url(/images/buttons/view-appointments.png) no-repeat left -46px; }

#subscribe-action {
  background: transparent url(/images/buttons/subscribe.png) no-repeat left 4px; }
  #subscribe-action:hover {
    background: transparent url(/images/buttons/subscribe.png) no-repeat left -46px; }

#employee-panel button {
  background: transparent url(/images/buttons/delete-employee.png) no-repeat left 4px; }
  #employee-panel button:hover {
    background: transparent url(/images/buttons/delete-employee.png) no-repeat left -46px; }

#space-panel button {
  background: transparent url(/images/buttons/delete-space.png) no-repeat left 4px; }
  #space-panel button:hover {
    background: transparent url(/images/buttons/delete-space.png) no-repeat left -46px; }

#equipment-panel button {
  background: transparent url(/images/buttons/delete-equipment.png) no-repeat left 4px; }
  #equipment-panel button:hover {
    background: transparent url(/images/buttons/delete-equipment.png) no-repeat left -46px; }

#service-panel button {
  background: transparent url(/images/buttons/delete-service.png) no-repeat left 4px; }
  #service-panel button:hover {
    background: transparent url(/images/buttons/delete-service.png) no-repeat left -46px; }
    
.book-it-button {
  margin: 12px auto; }
  .book-it-button .book-it-image {
    margin: 0px auto;
    display: block;
    width: 139px;
    height: 40px;
    padding: 0 0 4px 0;
    text-align: left;
    text-indent: 14px;
    background: transparent url(/images/buttons/booknow.png) no-repeat left top;
    font: bold 14px/12px Verdana;
    color: #fff; }
    .book-it-button .book-it-image:hover {
      background-position: left bottom; }

#availability-calendar-navigation {
  float: right;
  width: 468px;
  margin-right: 18px;
  *margin-right: 9px;
  height: 27px;
  background: transparent url(/images/backgrounds/availability-panel-header.png) repeat-x;
  border: 1px solid #CACACA;
  border-bottom: none; }
  #availability-calendar-navigation #one-week-backward, #availability-calendar-navigation #one-week-forward {
    width: 160px;
    display: block;
    cursor: pointer;
    margin-top: 9px;
    height: 15px;
    font: normal 10px/12px Arial;
    color: #969696; }
  #availability-calendar-navigation #one-week-backward {
    float: left;
    margin-left: 11px;
    padding-left: 14px;
    *margin-left: 5px;
    background: transparent url(/images/buttons/calendar-arrow-left.png) no-repeat left 0px; }
    #availability-calendar-navigation #one-week-backward:hover {
      color: #C6B1E8;
      background: transparent url(/images/buttons/calendar-arrow-left.png) no-repeat left -16px; }
  #availability-calendar-navigation #one-week-forward {
    float: right;
    margin-right: 11px;
    *margin-right: 5px;
    padding-right: 15px;
    text-align: right;
    background: transparent url(/images/buttons/calendar-arrow-right.png) no-repeat right 0px; }
    #availability-calendar-navigation #one-week-forward:hover {
      color: #C6B1E8;
      background: transparent url(/images/buttons/calendar-arrow-right.png) no-repeat right -16px; }
  #availability-calendar-navigation #jump-to-current-week {
    display: block;
    height: 24px;
    width: 25px;
    background: transparent url(/images/buttons/calendar.png) no-repeat center top;
    margin: 1px auto 0 auto;
    cursor: pointer; }
    #availability-calendar-navigation #jump-to-current-week:hover {
      background: transparent url(/images/buttons/calendar.png) no-repeat center bottom; }

.smallbutton {
  color: #fff;
  font-weight: bold;
  cursor: pointer;
  border: solid 1px #acacac;
  background: url(/images/backgrounds/navigation-blue.png) repeat-x left top;
  padding: 2px 8px; }
  .smallbutton:hover {
    background: url(/images/backgrounds/navigation-blue.png) repeat-x left bottom; }

.week-navigation {
  color: #fff !important;
  font-weight: bold;
  cursor: pointer;
  border: solid 1px #acacac;
  background: url(/images/backgrounds/navigation-blue.png) repeat-x left top;
  padding: 4px 8px; }
  .week-navigation:hover {
    background: url(/images/backgrounds/navigation-blue.png) repeat-x left bottom; }

#outsidethebox {
  display: block;
  border: solid 5px #D6D6D6;
  background: #F2F2F2;
  margin: 4px 20px;
  padding: 18px;
  color: #7D7D7D; }

.appointmentaction {
    border: 1px solid rgb(215, 215, 215); 
    margin: 0pt auto 27px; 
    padding: 20px 30px; 
    background: rgb(245, 245, 245) none repeat scroll 0% 0%; 
    color: rgb(125, 125, 125); 
    width: 400px;
    -moz-background-clip: -moz-initial; 
    -moz-background-origin: -moz-initial; 
    -moz-background-inline-policy: -moz-initial;
}
.appointmentactions {
  padding: 0px 24px;
}
.appointmentactions .appointmentaction.appointmentaction_confirm {
  float: left;
}
.appointmentactions .appointmentaction.appointmentaction_decline {
  float: right;
}
.appointmentactions .appointmentaction {
    font-size: 0.95em;
    width: 250px;
}
h2.cancel {
  color:#666666;
  font-weight:bold;
  margin-bottom:20px;
  margin-top:-20px;
  font-size:17px;
  padding-top:16px;
}
.center {
    text-align: center ;
}
.no_borders {
   border: none ;   
}
#example {
    display: none ;
}
.service-pricing-block {
    width: 200px ;
    float:left ;
}
.service_title {
	font-weight: bold;
	margin: 10px 0 0 0;

}

.service_div {
  clear: both;
	padding-bottom: 10px;
}

.service_duration {
    width: 250px ;
    float: left ;
}
.taxtree {
    padding-left: 42px ;
    margin-bottom: 20px ;
    margin-top: 10px ;
}
.service-name-block {
    width: 200px ;
    float:left ;
}
.service-duration-block {
    width: 200px ;
    float:left ;
    display: inline ;
}
.pricing {
    text-align: center ;
}
.service_hours {
    width: 50px ;
}
.service_minutes {
    width: 50px ;
}
.alt_display {
    display: inline ;
}
.panel-data {
  background:#E4E4E4 none repeat scroll 0 0;
  border-top:1px solid #B7B7B7;
  padding:18px;
}
.service_main tr th, .service_subtitle {
  background:#D7D7D7 none repeat scroll 0 0;
  border-top: thin solid black ;
  font-style: bold ;
  margin-bottom: 5px ;
}
.hide_me {
  display: none ;
}
.show_the_hand {
    cursor: pointer ;
}
.required {
  background:transparent url(/images/icon_required.gif) no-repeat scroll right 3px!important;
  background-color: white!important;
}
.explain_required {
  margin-left: 10px ;
  padding-left: 15px ;
  background:transparent url(/images/icon_required.gif) no-repeat scroll left 3px!important;
  background-color: white!important ;
  float: left ;
  color:#969696;
}
.right {
    float: right ;
}
#globalErrors {
    background: #FCF8F3;
    border: 1px solid #EFD8BE;
    padding: 25px;
    margin: 10px 10px 20px 10px;
}
#globalErrors h2 {
    border-bottom: 3px solid #EFD8BE;
    margin: 0px 10px 20px 0px;
    padding: 0px 0px 5px;
    font-weight: bold;
    color: #be7700;
}
#globalErrors p {
    margin-bottom: 10px;
}
#globalErrors ul {
    margin: 0px 10px 10px 10px;
    list-style: disc;
}
#globalErrors li {
    margin-left: 10px;
}
.error {
    border: thin solid red ;
}
.clear {
    clear: both ;
}