/* social media styles */
.socialIntro {
  color: #191919;
  text-align: center;
  font-size:14px;
  font-weight:bold;
  margin-top: 4px;
}
.smContainer {
  margin: 10px auto 15px;
  background: #fff;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
   width: 100%;
   padding:10px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.fbMediaSeparationLine{
  height:1px;
  background: #D7D7D7;
  margin: 0 10px;
}
#facebookDetailsTD {
  padding-left: 12px;
}
.loggedInUserDetails, .fbLogoutButton {
  color : #46669F;
  font-size:12px;
}
.fbLogoutButton {
  text-decoration: underline;
}
.subTotalLine {
  margin: 2px 0;
}
.subTotalValue {
  padding-left: 10px;
}
#fbLogoutButton {
  display:inline-block;
  float: right;
  margin-top: 5px;
}
/* end of social media styles */
body {
    background-color: #000000;
    color:#ffffff;
    font-family: Helvetica,Arial,sans-serif;
    font-weight: normal;
    margin: 0;
    overflow:hidden;
    overflow-y: auto;
}


#timedOutReservations{
  background: #FFF3A3;
  border: 1px solid #C00016;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #C00016;
  padding: 5px;
  padding-left: 8px;
}
.timedOutServicesHeader{
  margin-top: 2px;
  font-size: 15px !important;
  font-weight: bold;
}
.timedOutServicesDescription{
}
.retryTimedOutButtonWrapper {
  text-align: right;
}
.timedOutServiceLabel {
padding: 5px;
  padding-right: 12px;
}
.timedOutService{
  margin: 2px 0;
  font-size: 12px;
  background: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 0px;
  width: 100%;
  padding: 6px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.retryTimedOutButton{
  background: #FFF3A3;
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF9D3), to(#FFF3A3));
  background: -moz-linear-gradient(top, #FFF9D3, #FFF3A3);
  border: 1px solid #DE7B0D;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 5px 10px;
  font-weight: bold;
}
.retryTimedOutButton:hover {
  background: #FFF8C7;
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#FFF8C7));
  background: -moz-linear-gradient(top, #FFF, #FFF8C7);
}
.retryTimedOutButton:active {
  background: #FFEC5B;
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF3A0), to(#FFEC5B));
  background: -moz-linear-gradient(top, #FFF3A0, #FFEC5B);
}


#ajaxProblem {
  padding:10px;
  margin-top:10px;
}
.mainDivFontColor {
    color:#ffffff;
}
p {
  font-size:13px;
}
.wbBackground {
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;

 width: 500px;
	 background-color:#333450;
   margin: 0 auto;
   background: -webkit-gradient(linear, left top, left bottom, from(#333450), to(#202136));
   background: -moz-linear-gradient(top, #333450, #202136);
}
.wbMainForm {
   width:320px;
	 padding:10px;
   padding-bottom:15px;
   

   -webkit-border-radius: 9px;
   -moz-border-radius: 9px;
   border-radius: 9px;
}
#wbMainForm {
 width: 480px;

	padding:10px;
   padding-bottom:15px;
  

   -webkit-border-radius: 9px;
   -moz-border-radius: 9px;
   border-radius: 9px;
}





.errormessage{
  color: #898c90;
  background-color:#fff;
  border: 2px solid #ff0000;
  display:inline;
  padding:5px;
  font-weight:bold;
  padding: 6px 10px;
  margin: 8px;
}

#loginerror {
  padding:5px 8px 8px 8px;
  margin: 4px -10px -5px;
  -webkit-border-top-left-radius: 0;
  -moz-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -moz-border-top-right-radius: 0;
  border-top-right-radius: 0;
}

h1 {
	font-size:21px;
	margin-top:2px;
  

}
h3 {
	font-size:18px;
	font-weight:normal;
	margin-top:0;
}
header, nav, article, footer{
	display: block;
}
footer {
	color:#DED9CD;
	padding:5px;
	font-size:13px;
}
footer a, footer a:visited {
	color:#DED9CD;
}
a.whiteLink {
	color:#fff;
}

a.bgLink {
  color: #FFFFFF;
}

.bgText {
  color: #FFFFFF !important;
}

footer a:hover {
	color:#ffffff;
}
.locationsDetails {
  float:right;
  display:none;

  width:200px;
}
#serviceDetails{
	float:left;
	width:200px;
	padding-left:40px;
	padding-top:10px;
}

.blueHighLight {
	-moz-box-shadow: 0 0 9px 1px #11FFFF;
	-webkit-box-shadow: 0 0 9px 1px #11FFFF;
	box-shadow: 0 0 9px 1px #11FFFF;
}
#loadingpage, .loadingpage {
   padding-top:10px;
   background:#000000;
   color:#ffffff;
   text-align:center;
   margin: 0 auto;
   width:200px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
}
.breadcrumbTable {
	 background:rgba(0,0,0,0.3);
	 padding:3px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   font-size:13px;
}
.hintText {
	font-size: 13px;
}

a.dp-choose-date {
  background: url("/icons/calendar-button.png") no-repeat scroll 0 0 transparent;
  float: left;
  height: 16px;
  margin: 5px 3px 0;
  overflow: hidden;
  padding: 0;
  text-indent: -2000px;
  width: 16px;
}

table.jCalendar {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 0 solid #000000;
    border-collapse: separate;
    border-spacing: 0;
}
table.jCalendar th {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #999999;
    font-weight: bold;
    padding: 3px 5px;
}
table.jCalendar td {
    background: none repeat scroll 0 0 #DAE0E9;
    border: 1px solid #AAAAAA;
    color: #000000;
    padding: 3px 5px;
    text-align: center;
}
table.jCalendar td.other-month {
    background: none repeat scroll 0 0 #DDDDDD;
    color: #AAAAAA;
}
table.jCalendar td.today {
    background: none repeat scroll 0 0 #0660C9;
    color: #FFFFFF;
}
table.jCalendar td.selected {
    background: none repeat scroll 0 0 #0660C9;
    color: #FFFFFF;
}
table.jCalendar td.selected.dp-hover {
    background: none repeat scroll 0 0 #FF3333;
    color: #FFFFFF;
}
table.jCalendar td.dp-hover, table.jCalendar tr.activeWeekHover td {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #000000;
}
table.jCalendar tr.selectedWeek td {
    background: none repeat scroll 0 0 #FF6666;
    color: #FFFFFF;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
    background: none repeat scroll 0 0 #BBBBBB;
    color: #888888;
}
table.jCalendar td.unselectable, table.jCalendar td.unselectable:hover, table.jCalendar td.unselectable.dp-hover {
    background: none repeat scroll 0 0 #BBBBBB;
    color: #888888;
}
div.dp-popup {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #999999;
    font-family: arial,sans-serif;
    font-size: 10px;
    line-height: 1.2em;
    padding: 5px;
    position: relative;
    width: 171px;
    color:#000;
}
div#dp-popup {
    position: absolute;
    z-index: 199;
}
div.dp-popup h2 {
    font-size: 12px;
    margin: 2px 0;
    padding: 0;
    text-align: center;
}
a#dp-close {
    display: block;
    font-size: 11px;
    padding: 4px 0;
    text-align: center;
}
a#dp-close:hover {
    text-decoration: underline;
}
div.dp-popup a {
    color: #000000;
    padding: 3px 2px 0;
    text-decoration: none;
}
div.dp-popup div.dp-nav-prev {
    left: 4px;
    position: absolute;
    top: 2px;
    width: 100px;
}
div.dp-popup div.dp-nav-prev a {
    float: left;
}
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
    cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
    cursor: default;
}
div.dp-popup div.dp-nav-next {
    position: absolute;
    right: 4px;
    top: 2px;
    width: 100px;
}
div.dp-popup div.dp-nav-next a {
    float: right;
}
div.dp-popup a.disabled {
    color: #AAAAAA;
    cursor: default;
}
div.dp-popup td {
    cursor: pointer;
}
div.dp-popup td.disabled {
    cursor: default;
}



.alternateBookBlock {
    background: #5668b3;
    background: -webkit-gradient(linear, left top, left bottom, from(#5668b3), to(#3D4F9A));
    background: -moz-linear-gradient(center top , #5668b3, #3D4F9A) repeat scroll 0 0 transparent;
    border-radius: 3px 3px 3px 3px;
}
.simpleBorder {
    border:solid 1px #ffffff;
    border-radius: 3px 3px 3px 3px;
}
.bookDisplay {
    background: #5668b3;
    background: -webkit-gradient(linear, left top, left bottom, from(#5668b3), to(#233580));
    background: -moz-linear-gradient(center top , #5668b3, #233580) repeat scroll 0 0 transparent;
    border-radius: 8px 8px 8px 8px;
    display: block;
    margin-bottom: 8px;
    padding: 6px;
}
.bookDisplay table td {
    text-align: center;
}
.timeslotButton {
    background: #8D99CC;
    background: -webkit-gradient(linear, left top, left bottom, from(#8D99CC), to(#5A6699));
    background: -moz-linear-gradient(center top , #8D99CC, #5A6699) repeat scroll 0 0 transparent;
    border-radius: 3px 3px 3px 3px;
    color: #ffffff;
    display: block;
    font-size: 12px;
    margin-bottom: 5px;
    padding: 2px;
    text-decoration: none;
    vertical-align: middle;
    border: none;
    border-radius: 0px;
}
.timeslotButton:hover {
    color: #FFFFFF;
    background: #C0CCFF;
    background: -webkit-gradient(linear, left top, left bottom, from(#C0CCFF), to(#8D99CC));
    background: -moz-linear-gradient(center top , #C0CCFF, #8D99CC) repeat scroll 0 0 transparent;
}
.timeslotButton:active {
    color: #ffffff;
    background: #3A3A85;
    background: -webkit-gradient(linear, left top, left bottom, from(#3A3A85), to(#070752));
    background: -moz-linear-gradient(center top , #3A3A85, #070752) repeat scroll 0 0 transparent;
}
.selectedTimeslotButton {
    color: #ffffff;
    background: #3A3A85;
    background: -webkit-gradient(linear, left top, left bottom, from(#3A3A85), to(#070752));
    background: -moz-linear-gradient(center top , #3A3A85, #070752) repeat scroll 0 0 transparent;
    border-radius: 3px 3px 3px 3px;
    display: block;
    font-size: 12px;
    margin-bottom: 5px;
    padding: 2px;
    text-decoration: none;
    vertical-align: middle;
}






.wbPrevButton, .wbNextButton, .yellowButton {

    border: 1px solid #ffffff;
    background: #BBBBBB;
    background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#BBBBBB));
    background: -moz-linear-gradient(top, #eeeeee, #BBBBBB);

 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
    border-radius: 3px 3px 3px 3px;
    color:#313131;
    font-size: 15px;
    margin-bottom: 8px;
    padding: 3px 10px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    width: 80px;
}
.lastReservation {
   padding: 12px;
   passind-top: 0;
   display:block;
   color: #ffffff;
   font-size: 15px;
   text-decoration: none;
   vertical-align: middle;
   min-height:66px;

  margin:20px 8px 10px;
  border: 1px solid #FFFFFF;
  border-radius: 8px 8px 8px 8px;
 -webkit-border-radius: 8px;
 -moz-border-radius: 8px;
}
.homeOptionsHolder {
   background: #233580;
   background: -webkit-gradient(linear, left top, left bottom, from(#5668b3), to(#233580));
   background: -moz-linear-gradient(top, #5668b3, #233580);
   padding: 12px;
   display:block;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   color: #ffffff;
   font-size: 15px;
   text-decoration: none;
   vertical-align: middle;
   min-height:66px;
}
.lastReservation p, .lastReservation h3{
  margin:0;
}
.arrowButton {
  cursor:pointer;
  margin-left:30px;
  display:block;
  width:40px;
  height:40px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  border: solid 1px #fff;
  background: #233580;
  background: -webkit-gradient(linear, left top, left bottom, from(#5668b3), to(#233580));
  background: -moz-linear-gradient(top, #5668b3, #233580);
}
.chrome .arrowButton {
  border: solid 2px #fff;
}
.arrowButton:hover {
  background: #5668b3;
  background: -webkit-gradient(linear, left top, left bottom, from(#899BE6), to(#5668b3));
  background: -moz-linear-gradient(top, #899BE6, #5668b3);
}
.arrowButton:active{
  background: #00024D;
  background: -webkit-gradient(linear, left top, left bottom, from(#233580), to(#00024D));
  background: -moz-linear-gradient(top, #233580, #00024D);
}
/* breadcrumb icons for mobile version */
.previousMobileIcon, .currentMobileIcon{
  display: inline-block;
  border: 1px solid #fff;
  background : #5668b3;
  height: 32px;
  width: 32px;
   -webkit-border-radius: 16px;
   -moz-border-radius: 16px;
   border-radius: 16px;
}
.currentMobileIcon {
  background : #233580;
}
/* end of mobile version breadcrumb icons */

.wbButton {
	margin-bottom:8px;
   border: 1px solid #E2D3C9;
   background: #233580;
   background: -webkit-gradient(linear, left top, left bottom, from(#5668b3), to(#233580));
   background: -moz-linear-gradient(top, #5668b3, #233580);
   background: #5668b3;
   padding: 6px 10px;
   display:block;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 0px;
   color: #ffffff;
   font-size: 15px;
   text-decoration: none;
   vertical-align: middle;
   transition: 0.3s ease;
   

}
.wbButton:hover {
  border: 1px solid #FCEDE3;
  color: #FFFFFF;
  background: #5668b3;
  background: -webkit-gradient(linear, left top, left bottom, from(#899BE6), to(#5668b3));
  background: -moz-linear-gradient(top, #899BE6, #5668b3);
  background: #899BE6;
}
.wbButton:active {
  border: 1px solid #C9BAB0;
  color: #E6E6E6;
  background: #00024D;
  background: -webkit-gradient(linear, left top, left bottom, from(#233580), to(#00024D));
  background: -moz-linear-gradient(top, #233580, #00024D);
  background: #233580;
}
.wbButtonPhoneOnly{
	margin-bottom:8px;
   border: 1px solid #E2D3C9;
   background: #233580;
   background: -webkit-gradient(linear, left top, left bottom, from(#5668b3), to(#233580));
   background: -moz-linear-gradient(top, #5668b3, #233580);
   background: #5668b3;
   padding: 6px 10px;
   display:block;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 0px;
   color: #ffffff;
   font-size: 15px;
   text-decoration: none;
   vertical-align: middle;
}
.selectedWBButton {
	 margin-bottom:8px;
   border: 1px solid #C9BAB0;
  background: #00024D;
  background: -webkit-gradient(linear, left top, left bottom, from(#233580), to(#00024D));
  background: -moz-linear-gradient(top, #233580, #00024D);
   padding: 6px 10px;
   display:block;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   color: #E6E6E6;
   font-size: 15px;
   text-decoration: none;
   vertical-align: middle;
   

}
.prettyHeader {
   color:#313131;
   font-size:21px;
   font-weight:bold;
   padding:12px 4px;
   text-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2);
}
.wbGreyButton, .wbGreyHomeButton{
	display:block;
	text-align:center;
	margin-bottom:8px;
   border: 1px solid #ffffff;
   background: #BBBBBB;
   background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#BBBBBB));
   background: -moz-linear-gradient(top, #eeeeee, #BBBBBB);
  background: #eeeeee;
   font-size: 15px;
   

   padding: 6px 10px;
   

   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   color:#313131;
   text-decoration: none;
   vertical-align: middle;
   cursor:pointer;
}
.wbGreyHomeButton{
  display:inline-block;
  padding:6px 15px;
  width:80px;
  margin:0 10px;
}

.wbGreyInactiveButton{
  display:inline-block;
  padding:6px 15px;
  width:80px;
  margin:0 10px;
}

.greyRoundedRect{
  background: #BBBBBB;
   background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#BBBBBB));
   background: -moz-linear-gradient(top, #eeeeee, #BBBBBB);
   padding: 6px 10px;
   color: #242424;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
}
.visitedBreadcrumb, .currentBreadcrumb, .unvisitedBreadcrumb{
   width:30px;
   height:26px;
   -webkit-border-radius: 15px;
   -moz-border-radius: 15px;
   border-radius: 15px;
   font-size:18px;
   font-weight:normal;
   display:inline-block;
   text-align:center;
   padding-top:4px;
   

}
.visitedBreadcrumb{
   border: 1px solid #ffffff;
   background: #5668b3;
   color: #ffffff;
}
.chrome .visitedBreadcrumb {
   border: 2px solid #ffffff;
}
.visitedBreadcrumb:hover {
   background: #899BE6;
}
.currentBreadcrumb{
   border: 1px solid #ffffff;
   background: #233580;
   color: #ffffff;
}
.chrome .currentBreadcrumb{
   border: 2px solid #ffffff;
}
.unvisitedBreadcrumb{
   border: 1px solid #ffffff;
   background: #ADADAD;
   color: #ffffff;
}
.chrome .unvisitedBreadcrumb{
   border: 2px solid #ffffff;
}

.currentBreadcrumbLabel, .unvisitedBreadcrumbLabel, .visitedBreadcrumbLabel {
  font-size:15px;
  

}
.visitedBreadcrumbLabel {
  font-weight:normal;
  color: #313131;
}
.visitedBreadcrumbLabel:hover {
  color: #7E7E7E;
}
.currentBreadcrumbLabel{
  font-weight:bold;
  color: #313131;
}
.unvisitedBreadcrumbLabel {
  font-weight:normal;
  color: #808080;
}
.wbGreyButton:hover, .wbGreyHomeButton:hover {
   border: 1px solid #FFFFFF;
   color:#4B4B4B;
   background: #eeeeee;
   background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#eeeeee));
   background: -moz-linear-gradient(top, #FFFFFF, #eeeeee);
   }
.wbGreyButton:active, ..wbGreyHomeButton:active {
   border: 1px solid #E6E6E6;
   color:#181818;
   background: #888888;
   background: -webkit-gradient(linear, left top, left bottom, from(#BBBBBB), to(#888888));
   background: -moz-linear-gradient(top, #BBBBBB, #888888);
   }

.salonCategoryButton{
  display:inline-block;
	width:100px;
	height:100px;
	text-align:center;
	padding: 3px 10px;
	margin-bottom:8px;
   border: 0;
   background: #ffffff;
   background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#EEEEEE));
   background: -moz-linear-gradient(top, #ffffff, #EEEEEE);
   -webkit-border-radius: 30px;
   -moz-border-radius: 30px;
   border-radius: 30px;
   color: #242424;
   font-size: 20px;
   text-decoration: none;
   vertical-align: middle;
}

.breadcrumbBackText {
  display:block;
  padding-bottom:4px;
  padding-left:9px;
  float:left;
}
.breadcrumbBack {
  cursor:pointer;
  height:17px;
  width :60px;
  border: solid 1px #fff;
  margin-top:3px;
  margin-bottom:3px;
}
.staffSelectorBlock {


  width:128px;
  margin-right:10px;


  float:left;
}
.servicesCatHeader {
  margin:0;
  font-size:16px;
  font-weight:bold;
  

}